<section>
The section element represents a thematic grouping of content, typically with a heading.
Syntax
<section>...</section>Examples
<section aria-labelledby="feat">
<h2 id="feat">Features</h2>
<p>Details about features.</p>
</section>
Output
Renders a thematic content region labeled by its heading.
Notes
Use <section> when content forms a distinct part of the outline and would logically appear in a table of contents. If it is just a styling wrapper, use <div>. Give it a heading or aria-label.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 5.0 |
| firefox | 4.0 |
| safari | 5.0 |
| edge | 12 |