HTML <main> Tag


Example

<main>
  <h1>Web Browsers</h1>
  <p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>

  <article>
    <h1>Google Chrome</h1>
    <p>Google Chrome is a free, open-source web browser developed by Google,
    released in 2008.</p>
  </article>

  <article>
    <h1>Internet Explorer</h1>
    <p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
  </article>

  <article>
    <h1>Mozilla Firefox</h1>
    <p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
  </article>
</main>

Try it Yourself »

Definition and Usage

The <main> tag specifies the main content of a document.

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

Note: There must not be more than one <main> element in a document. The <main> element must NOT be a descendent of an <article>, <aside>, <footer>, <header>, or <nav> element.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<main> 6.0 Not supported 4.0 5.0 11.1


Differences Between HTML 4.01 and HTML5

The <main> tag is new in HTML5.


Global Attributes

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


Event Attributes

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



Color Picker

colorpicker