HTML5 <section> Element
Specification
The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.
Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site's home page could be split into sections for an introduction, news items, and contact information.
Attributes
See also Global Attributes.
Example
This example shows the general usage of the section element:
<section>
<h1>Any level of heading</h1>
<p>Bunch of awesome content</p>
</section>Campatibility
- Supported
- Partially supported
- Not supported or Unknown
| Browser |  |
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|---|
| Version | 9.0 | 4.0 | 4.0 | 10.0 | 11.0 | 4.3.3 | 2.2 |
Note and Tip
Authors are encouraged to use the article element instead of the section element when it would make sense to syndicate the contents of the elements.
The section element is not a generic container element. When an element is needed for styling purpose or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.
With very few exceptions, section should not be used if there is no natural heading for it.