HTML Tutorials - Herong's Tutorial Examples
∟Introduction of HTML5 Features
This chapter provides an introduction of HTML5 (HyperText Markup Language 5). Topics include what is HTML5; differences between HTML 4.01 and HTML5; new elements: svg, math, header, footer, article, section, nav, aside, details, summary, figure, figcaption, audio, video, etc.
What Is HTML5
Differences between HTML5 and HTML 4
HTML5 DOCTYPE Declaration
Adding Inline SVG Image in HTML5 Documents
Adding MathML Formula in HTML5 Documents
"article" and "section" Elements
"header" and "footer" Elements
"nav" and "aside" Elements
"details" and "summary" Elements
"figure" and "figcaption" Elements
"audio" and "video" Elements
Takeaways:
- HTML5 is the fifth edition of the HTML (HyperText Markup Language) standard proposed by W3C.
- HTML5 DOCTYPE declaration statement is very simple: <!DOCTYPE html>
- SVG (Scalable Vector Graphics) graphics is supported in HTML5 as an embedded XML code inside
the "svg" element.
- MathML (Mathematical Markup Language) formula is supported in HTML5 as an embedded XML code
the "math" element.
- "header" and "footer" elements are added in HTML5 to group flow contents as section headers and footers.
- "article" and "section" elements are added in HTML5 to create sections of flow contents.
- "nav" and "aside" elements are added in HTML5 to group flow contents as navigation blocks and sidebar note blocks.
- "details" and "summary" elements are added in HTML5 to group flow contents as hide-or-show blocks.
- "figure" and "figcaption" elements are added in HTML5 to group flow contents as reference blocks.
- "audio" and "video" elements are added in HTML5 to embed audio and video media data into phrasing contents.
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
MathML Integration in HTML Documents
References
Full Version in PDF/EPUB