HTML Tag »

Skip to content HTML / What On Earth Is Semantic Markup? (And Why Should You Learn To Write It) / <section> HTML TagNew in HTML5.Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn moreElement ofWhat 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.DisplayblockUsagesemantic | 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 BroadleyClaire 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

iefirefoxchromeedgesafariopera
94613511

Post navigation

<ruby> HTML Tag<source> HTML Tag

Search HTML.com

Search for:

Most Popular

  • <var> HTML Tag306 views
  • What Is Doxing? (And Why Is It So Scary?): An Infographic85 views
  • New Audio HTML Element: Master It Out Now With Our Code Example62 views
  • The Web Worker's Stress Busting Toolbox: 50 Tips to Improve Your Life43 views
  • <meter> HTML Tag41 views
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok

Tag » What Is Section In Html