<main> tag in HTML5

← Previous Next →

The <main> tag is used to represents the major content of a document. We can use only one <main> tag in a HTML web page.

The <main> element should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

Important Definition

• The <main> tag is new in HTML5.
• The content of a <main> element should be unique to the document.
• The <main> element must NOT be a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element.
• Open and close tag required of <main>.

Example of <main> tag

<main> <h1>Birds</h1> <p>Birds are a group of endothermic vertebrates, characterised by feathers,....</p> <article> <h1>Pigeons</h1> <p>Pigeons and doves constitute the animal family Columbidae....</p> </article> <article> <h1>Sandgrouse</h1> <p>Sandgrouse is the common name for Pteroclidae, a family of sixteen species of bird,....</p> </article> </main>

<main> Tag Browser Support

Global Attributes

• The <main> tag supports all the Global Attributes in HTML.

Event Attributes

• The <main> tag supports all the Event Attributes in HTML.

← Previous Next →