section

Introduced in HTML 5

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 <section> element must not be a descendant of an <address> element.

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

  • Desktop
  • Mobile

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)

See also

Tags (4)

Edit tags

Attachments (0)

 

Attach file