What Is HTML5

This section provides a quick introduction of HTML5 - the fifth edition of the HTML (HyperText Markup Language) used to publish text, multimedia and hyperlink information on the World Wide Web using text files embedded with tags.

What Is HTML5? HTML5 is the fifth edition of the HTML (HyperText Markup Language) standard proposed by W3C. HTML is a markup language that allows authors to publish text, multimedia and hyperlink information on the World Wide Web using text files embedded with tags.

Here is a good example of using HTML5 <canvas> tags to create 2D graphics adopted from "HTML5 Canvas" Website at http://www.w3schools.com/html/html5_canvas.asp:

<!DOCTYPE html>
<!-- HTML5_Example.html
 - Copyright (c) HerongYang.com. All Rights Reserved.
-->
<html>
<head>
<title>HTML5 Example</title>
</head>
<body>
HTML5 &lt;canvas&gt; example:<br/>

<canvas id="myCanvas" width="200" height="100"
  style="border:1px solid #d3d3d3;">
  Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

// Create gradient
var grd=ctx.createRadialGradient(75,50,5,90,60,100);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");

// Fill with gradient
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,80);
</script>
</body>
</html>

When the above HTML document is viewed in a Web browser, you will see something like this:

HTML5 Canvas Graphics Example
HTML5 Canvas Graphics Example

Table of Contents

 About This Book

 Introduction of HTML

Introduction of HTML5 Features

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

 HTML Document Structure and Content

 HTML Document and Elements Syntax

 Displayed and Printed HTML Documents

 Responsive Design of Web Pages

 References

 Full Version in PDF/EPUB