HTML <main> Tag

✂

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
header, article, aside, footer, main, nav {border:8px solid #F9EECF;padding:3px;margin:3px;width:50%;} 
</style>
</head>
<body>
<header>Header...</header>
<main>
Main...
<article>Article...
<aside>Aside...</aside>
</article>
</main>
<footer>Footer...
<nav>Nav...</nav>
</footer>
</body>
</html>

The above example demonstrates usage of the <main> element.

The <main> element represents the main content of the <body> of the HTML document or application. This consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application.

The <main> element should not be used to provide site navigation links, copyright information, site logos, banners, site-search forms (unless the document's main function is to provide search).

There must not be more than one <main> element in an HTML document.

Also, the <main> element must not be a descendent of any <article>, <aside>, <footer>, <header>, or <nav> elements.