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 from http://www.w3schools.com/html/html5_canvas.asp:

<!DOCTYPE html>
<!-- HTML5_Example.html
 - Copyright (c) 2014, 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

Last update: 2014.

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

 References

 PDF Printing Version