HTML <section> Tag

HTML <section> is a new tag in HTML5. It is used to create standalone sections within a webpage containing logically connected content (news block, contact information etc.). The <section> tag is often used when creating a landing page to divide the page into separate logical blocks.

The <section> tag can be nested within the <article> tag, dividing the content into groups. Therefore, it is required to use <h1> -<h6> headings within the <article> and the <section> tags. It is allowed to use <h1> title in each section, defined with the <section> tag.

Don’t use the <section> tag as a universal container for creating page structure; you should use the <div> tag for that purpose.

Syntax

The element content is written between the opening (<section>) and closing (</section>) tags. The closing tag is required.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Using the section tag</title>
  </head>
  <body>
    <section>
      <h1>Hypertext markup language HTML</h1>
      <p>HTML is the standard markup language for creating web pages and web applications. Browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.</p>
    </section>
    <section>
      <h1>CSS</h1>
      <p>Formal language, which is used as a description zone, formatting the appearance of a web page, written by the help of markup languages HTML and XHTML, but it can be applied to any XML-document, for example, to SVG or XUL.</p>
    </section>
  </body>
</html>

Result

Attributes

The <section> tag supports the the Global Attributes and the Event Attributes.

Browser support

6+ 9+ 4+ 5+ 11.1+