My notes are mostly based on the articles published on oncrawls website. The original article was published on OnCrawl.
The original article was published on Oncrawl
All the specific content for this page will go into the
Note here that “article” does not necessarily mean article in the sense of a newspaper article but just a thing, like an article of clothing, a product, a blog post, an “About Us” page, a recipe…
I think that the only valid usage of
<section>'s is inside the
<article> tag, if the article has chunks that have a meaning as self-contained blocks of information.
<section> tags can tell the machine that this block of content can be indexed as fragment that has value in itself. Look at our example again.
<figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> tag defines a caption for a
<figure> element. The
<figcaption> element can be placed as the first or as the last child of a
<img> element defines the actual image/illustration.