juniorHTML5
What is the purpose of the <main> tag?
Updated Apr 28, 2026
Short answer
It specifies the dominant content of the <body> of a document.
Deep explanation
The content inside <main> should be unique to the document. It should not contain content that is repeated across pages, like sidebars, navigation links, or logos.
Real-world example
Helping screen readers skip directly to the primary content of a webpage.
Common mistakes
- Having more than one visible <main> element on a single page.
Follow-up questions
- Where should the <main> tag be placed?