The <section> element
As per the MDN definition:
The HTML Section Element (
<section>) represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading. Each<section>should be identified, typically by including a heading(<h1>-<h6>element) as a child of the<section>element.
Here are a few important points to remember about the <section> element:
- The
<section>element can be used to encapsulate a group of related content. This related content doesn't necessarily have to make sense if we take it out of the page's context. - A safe and valid way to use the
<section>element is to place it inside an<article>element. You can certainly use the<article>element without a<section>element. It's recommended, although not required, to include a heading element(<h1>,<h2>,<h3>, and so on) when using the<section>element. - It can be confusing to...