New in HTML5.

<section> HTML Tag

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Sharing is caring!

Element of
What On Earth Is Semantic Markup? (And Why Should You Learn To Write It)
What does <section> HTML Tag do?
The <section> element is a structural HTML element used to group together related elements. Each <section> typically includes one or more heading elements and additional elements presenting related content.
Display
block
Usage
semantic | structural

Code Example

<section>
  <h1>Pink Flamingos</h1>
  <p>Plastic flamingos have been used as garden ornaments since the late 1950s.</p>
</section>

Pink Flamingos

Plastic flamingos have been used as garden ornaments since the late 1950s.

Presenting Content

<section> is a new HTML 5 element that defines an important section of a document. It can be used within articles, in the header or footer, or to define navigation. If a part of the content deserves its own heading, and that heading would be listed in a theoretical or actual table of contents, it should be placed in a <section>. The key exception is where the content may be syndicated; in this case, use <article> element instead.

Claire is seasoned technical writer, editor, and HTML enthusiast. She writes for HTML.com and runs a content agency, Red Robot Media.

Browser Support for section

94613511