The <main> tag is new in HTML5.
<main> tag represents the main content of a document. It needs to be unique and it must not have a contain which is repeated in documents such as sidebars, navigation links, copyright information, site logos, and search forms.
An HTML document can have a maximum of one <main> element.
The <main> tag comes in pairs. The content must be written between opening (<main> ) and closing (</main> ) tags.
Meanwhile, let us remind you that <main> element is not supported by Internet Explorer.
Let's see an example:
<html> <body> <main> <h1>Football</h1> <p>Football is a team sport which is so famous across the world.</p> <article> <h2>English Football</h2> <p>English Premier League is the most liked football league in the world.</p> <p>... </p> <p>... </p> </article> <article> <h2>American Football</h2> <p>Football is different in America. If you say football, they will understand their special football. Normal football is called as soccer in the USA.</p> <p>... </p> </article> </main> </body> </html>
Here the result is:
<main> tag uses the Global Attributes.