Table of contents
- 1. Summary
- 2. Usage context
- 3. Attributes
- 4. DOM Interface
- 5. Examples
- 6. Compatibility
- 7. See also
Summary
The HTML Section Element (<section>) represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading.
Usage notes:
- If it makes sense to separately syndicate the content of a
<section>element, use an<article>element instead. - Do no use the
<section>element as a generic container; this is what<div>is for, especially when the sectioning is only for styling purposes. A rule of thumb is that a section should logically appear in the outline of a document.
Usage context
| Permitted content | Flow content |
| Tag omission | None, both the start tag and the end tag are mandatory |
| Permitted parent elements | Any element that accepts flow content. Note that a
|
| Normative document | HTML5, section 4.4.2 |
Attributes
This element has no attributes other than the global attributes, common to all elements.
DOM Interface
This element implements the HTMLElement interface.
Examples
<section> <h1>Heading</h1> <p>Bunch of awesome content</p> </section>
Compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 5 | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.2 | 4.0 (2.0) | 9.0 | 11.0 | 5.0 (iOS 4.2) |