<section>
Published Aug 24, 2021Updated Dec 20, 2022
Contribute to Docs
The <section>
element defines elements in a document, such as chapters, headings, or any other area of the document with a common theme.
For example, content with the same theme such as articles about cricket can go under a single <section>
. A website’s home page could be split into sections for the introduction, news items, and contact information.
Syntax
<section>
<!-- Elements in a document with a common theme -->
</section>
In the following code, we created a <section>
element to encapsulate the code. In <section>
, we added a <h2>
element as a heading and an <article>
as well.
<section><h2>Fun Facts About Cricket</h2><article><p>A single match of cricket can last up to 5 days.</p></article></section>
Example
Suppose the current page wants to add two sections:
<!DOCTYPE html><html><head> </head><body><!-- One section --><section><h2>Fun Facts About Cricket</h2><article><p>A single match of cricket can last up to 5 days.</p></article></section><!-- Another section --><section><h2>Fun Facts About Cicada</h2><article><p>Some cicadas could explode with fungus.</p></article></section></body></html>
Alternative Elements
The <section>
element should only be used if no other suitable element is available. Some alternatives include the following:
- The
<header>
element describes that the content inside is the header of the page. - The
<nav>
element describes that the content inside is a navigation system of the page. - The
<main>
describes that the content inside is the main content of the page. - The
<footer>
element describes that the content inside is the footer of the page.
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn HTML on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner Friendly7 hours