The <main> element

The <main> element represents the main content of the <body> element of a HTML document. The <main> element is supposed to be used as a container of the main and unique content of a document, and thus should not be applied to the frequently repeated or re-used content such as sidebars, advertisement blocks, across site footers, etc? It must be used only once within the document.

Syntax:

<main></main>

Attributes:

NOTE: The <main> tag must not be a child of an <article>, <aside>, <footer>, <header>, or <nav> tags.

Example

The main tag basic example:

<!DOCTYPE html>
<html lang='en-us'>
<head><style type='text/css'>
	body{background-color:#343434;}
	main{background-color:#fbfbfb; padding:1px 2px; margin:0 auto;}
	article{background-color:#f0f0f0; padding:2px 5px; width:90%; margin:0.5em auto;}
	nav{margin:8px auto; width:auto; padding:0.5em; background:#eee; font-weight:bold; font-family:Arial; color:#222;}
</style></head>
<body>
<main>
  <article>
    <h1>HTML5 tutorial</h1>
    <p>Introduction to HTML 5 starts with&hellip;.</p>
  </article>
  <article>
    <h1>CSS3 tutorial</h1>
    <p>Introduction to CSS3 starts with&hellip;.</p>
  </article>
</main>
</body>
</html>

›› go to examples ››

The <main> element

Syntax:

Attributes:

Example

The main tag basic example:

Comments

About

Contact

Get Connected