HTML Main Tag

HTML <main> tag is used to represent the main content of the <body> tag.

The <main> tag is written within <body> tag. It is used to accurately describe the primary content of a page.

The content of the main tag is directly related to the central topic of the document.

HTML <main> is a new tag and introduced in HTML5.

Points to remember:

Author should not include more than one <main> tag within a document.

The <main> element should not used as a child of an <article>, <aside>, <header>, <footer>, or <nav> element.

HTML main tag and its sub elements can be easily styled by CSS.

HTML main tag example

<main>
 <h2>Apples</h1>
 <p>The apple is a red color pomaceous fruit of the apple tree. It is a very famous saying about apple.
  </br> "An apple in a day, keeps the Doctor away".</p>
 <article>
  <h3>Red Delicious</h3>
  <p>These bright red apples are the most common found in many supermarkets.</p>
 </article>
 <article>
 <h3>Granny Smith</h3>
 <p>These juicy, green apples make a great filling for apple pies.</p>
 </article>
</main>

Test it Now

Output: