`<section> HTML Tag`

In HTML Tags, New

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

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

Contents

0.1 Code Example

1 Pink Flamingos
- 1.1 Presenting Content
- 1.2 Browser Support for section

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 Broadley

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


9	4	6	13	5	11