Elements for Explicit Sub Sections

This section describes the sectioning content elements that can be used to explicitly add sub sections: 'article', 'section', 'nav' and 'aside'.

HTML document content can also be divided explicitly into sub sections using sectioning content elements:

"article" element - Represents a new sub section for a self-contained unit of content that is independent from other sibling sections.

"section" element - Represents a new sub section for a unit of content that is related to other sibling sections.

"nav" element - Represents a new sub section for a unit of content with hyper links.

"aside" element - Represents a new sub section for a unit of content with sidebar notes.

Below is a good example of a "body" element with sectioning content elements that explicitly adds 5 sub sections:

<!DOCTYPE html>
<!-- Explicit_Sub_Sections_Example.html
 - Copyright (c) 2014, HerongYang.com, All Rights Reserved.
-->
<html>
<head>
<title>Explicit Sub Sections Example</title>
<body>
<article>This sub section is independent from other sub sections...
</article>

<section>This sub section is related to the next sub section...
</section>

<section>This sub section is related to the previous sub section...
</section>

<nav>This sub section contains navigation links...
</nav>

<aside>This sub section contains sidebar notes...
</aside>
</body>
</html>

Last update: 2014.

Table of Contents

 About This Book

 Introduction of HTML

 Introduction of HTML5 Features

HTML Document Structure and Content

 HTML Document Top Level Structure

 HTML Document Metadata Elements

 Headings and Implicit Sections

Elements for Explicit Sub Sections

 Sectioning Contents with Heading Elements

 Paragraph and Flow Content Elements

 Text and Phrasing Content Elements

 HTML Document and Elements Syntax

 References

 PDF Printing Version