<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
- 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.
Browser Support for section
![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
9 | 4 | 6 | 13 | 5 | 11 |