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+ | 4+ | 5+ | 11.1+ |