Widely availableSupported across all major browsers. Safe to use in production.

Overview

The <section> element is a generic standalone section of a document, which doesn't have a more specific semantic element to represent it.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
5
12
4
5
18
4.2
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

HTML
<section>
  <h2>Feature Overview</h2>
  <p>This section introduces the main features.</p>
</section>
<section>
  <h2>Pricing Plans</h2>
  <p>Click here for details on each plan.</p>
</section>

Live demo

Content sections

Section element in heading with. theme by content blocksplit.

PreviewFullscreen

Section and article. Difference

Section is theme by group, article is content.

PreviewFullscreen

Nested sections

Section nesteddocument. Hierarchy representation.

PreviewFullscreen

Use cases

  • Using <section>

    The <section> element is a generic standalone section of a document, which doesn't have a more specific semantic element to represent it.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Powered by web-features