HTML5 Document

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.

HTML5 Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>…</title>
</head>
<body>
<header>…</header>
<nav>…</nav>
<article>
<section>…</section>
</article>
<aside>…</aside>
<footer>…</footer>
</body>
</html>