HTML Tutorials - Herong's Tutorial Examples - v2.30, by Herong Yang
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>
Table of Contents
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
Displayed and Printed HTML Documents
Responsive Design of Web Pages