The HTML <main>
element represents the dominant content of the <body>
of a document, portion of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application. One important facet of <main>
is that it can only be used once per page.
<main>
doesn’t contribute to the document’s outline; that is, unlike elements such as <body>
, headings such as <h2>
, and such,<main>
doesn’t affect the DOM’s concept of the structure of the page. It’s strictly informative.