In this section, we will learn what HTML <main> element is and how to use it.

What is <main> Tag in HTML?

HTML <main> element is used to group the main content of a document.

In a typical webpage, you see a sidebar, navigational bar, footer and a part where the main content of that document is.

This main content in a document, first of all, is in the body of that document and secondly is the most related part to the title of that webpage. It can contain one or more <article> with paragraphs in it, headers (<h1> – <h6>) and any other necessary parts related to the main title of that document.

HTML <main> Tag Syntax:

<main> Main content of a document </main>

Example: using <main> tag in HTML

See the Pen using <main> tag in HTML by Omid Dehghan (@odehghan) on CodePen.