Skip to content

Try our new Crash Courses!

Buy one of our new Crash Courses, now hosted on Teachable.

main element – HTML



  <!-- main content of web page goes here -->
  <h1>Your Business</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>


The main element wraps around the main content of a web page. The main content of a web page means the content that is unique on the page that isn’t shared with other pages.

Elements that are repeated across multiple web pages, such as navigation menus and footers, should not be included inside the main element.

Generally speaking, you should only have one main element per web page. (To be more specific, a “document must not have more than one main element that does not have the hidden attribute specified,” according to the HTML Standard.)


Recreate the embedded CodePen demo by typing out the HTML code in your index.html file.


main on MDN

Lesson tags: Open Lesson
Back to: HTML Reference > HTML Body Elements