The following tags have been introduced in HTML5 for better structure:
section:
This tag represents a generic document or application section. It can be used together with h1-h6 to indicate the document structure.
article:
This tag represents an independent piece of content of a document, such as a blog entry or newspaper article.
aside:
This tag represents a piece of content that is only slightly related to the rest of the page.
header:
This tag represents the header of a section.
footer:
This tag represents a footer for a section and can contain information about the author, copyright information, et cetera.
nav:
This tag represents a section of the document intended for navigation.
dialog:
This tag can be used to mark up a conversation.
figure:
This tag can be used to associate a caption together with some embedded content, such as a graphic or video.
The markup for an HTML5 document would look like the following.
<html>
<head>
<meta charset="utf-8">
<title>…</title>
</head>
<body>
<header>…</header>
<nav>…</nav>
<article>
<section>…</section>
</article>
<aside>…</aside>
<footer>…</footer>
</body>
</html>