HTML Document Structure and Content
This chapter provides tutorial notes and example codes on HTML document structure and content. Topics include HTML file top level structure; document metadata elements; document sections and headings; sectioning content elements; flow content elements; phrasing content elements.
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
- At the top level, a HTML document has root element, "html", with two child elements, "head" and "body".
- The "head" element is the container of metadata elements that provide metadata information for the entire document.
- The "body" element is the container of text and content elements that define the document content.
- The document content can be divided into sections and sub sections using sectioning content elements and heading elements.
- A section can be composed of flow blocks using flow content elements.
Flow blocks are presented to the user vertically from top to bottom in the Western language style.
- A block can be composed of phrasing pieces using phrasing content elements.
Phrasing pieces are presented to the user horizontally from left to right in the Western language style.
Table of Contents
About This Book
Introduction of HTML
Introduction of HTML5 Features
►HTML Document Structure and Content
HTML Document and Elements Syntax
Displayed and Printed HTML Documents
Responsive Design of Web Pages
Full Version in PDF/EPUB