HTML 5 Home

Introduction to HTML5

HTML5 is the latest revised version of HTML. The standard formulation was completed by the World Wide Web Consortium (W3C) in October 2014.

HTML5 is designed to support multimedia on mobile devices.

HTML5 is easy to learn.

What is HTML5?

HTML5 is the next generation HTML standard.

HTML, the last version of HTML 4.01 was born in 1999. Since then, the Web world has undergone tremendous changes.

HTML5 is still in perfection. However, most modern browsers already have some HTML5 support.

How did HTML5 get started?

HTML5 is the result of the cooperation between W3C and WHATWG, WHATWG refers to Web Hypertext Application Technology Working Group.

WHATWG is dedicated to web forms and applications, while W3C is dedicated to XHTML 2.0. In 2006, the two parties decided to cooperate to create a new version of HTML.

Some interesting new features in HTML5:

  • Canvas element for painting
  • Video and audio elements for media playback
  • Better support for local offline storage
  • New special content elements, such as article, footer, header, nav, section
  • New form controls, such as calendar, date, time, email, url, search

HTML5 <!DOCTYPE>

The <!doctype> declaration must be in the first line of the HTML5 document, and it is very simple to use:

<!DOCTYPE html>

Minimal HTML5 document

Here is a simple HTML5 document:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document title</title>
	</head>
 
	<body>
		Document content...
	</body>
 
</html>

Note: For Chinese web pages, you need to use the <meta charset=”utf-8″> declaration encoding, otherwise garbled characters will appear.

HTML5 improvements

  • new element
  • New attribute
  • Fully support CSS3
  • Video Japanese Audio
  • 2D/3D drawing
  • Local storage
  • Local SQL data
  • Web application

HTML5 multimedia

Using HTML5 you can simply play video and audio on web pages.

HTML5 application

With HTML5 you can easily develop applications

  • Local data storage
  • Access local files
  • Local SQL data
  • Cache reference
  • Javascript worker
  • XHTMLHttpRequest 2

HTML5 graphics

Using HTML5 you can simply draw graphics:

HTML5 uses CSS3

  • New selector
  • New attribute
  • Animation
  • 2D/3D conversion
  • Fillet
  • Shadow effect
  • Downloadable fonts

To learn more about CSS3, please check the CSS3 tutorial on this site .

Semantic element

HTML5 adds a lot of semantic elements as follows:

label description
<article> Define a separate content area of ​​the page.
<aside> Define the sidebar content of the page.
<bdi> Allows you to set a piece of text to separate it from the text direction setting of its parent element.
<command> Define command buttons, such as radio buttons, check boxes, or buttons
<details> Used to describe the details of a document or a part of a document
<dialog> Define a dialog box, such as a prompt box
<summary> The label contains the title of the details element
<figure> Specify independent streaming content (images, charts, photos, codes, etc.).
<figcaption> Define the title of the <figure> element
<footer> Define the footer of a section or document.
<header> Defines the head area of ​​the document
<mark> Define marked text.
<meter> Define weights and measures. Only used for metrics with known maximum and minimum values.
<nav> Define the part of the navigation link.
<progress> Define the progress of any type of task.
<ruby> Define ruby ​​comments (Chinese phonetic or characters).
<rt> Define the interpretation or pronunciation of characters (Chinese phonetic or character).
<rp> Used in ruby ​​comments to define the content displayed by browsers that do not support ruby ​​elements.
<section> Define the section (section, section) in the document.
<time> Define the date or time.
<wbr> Specifies where in the text it is appropriate to add a newline character.

HTML5 form

New form elements, new attributes, new input types, automatic validation.

Element removed

The following HTML 4.01 elements have been removed in HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>

HTML5 Reference Manual

In this site, you can find descriptions of HTML5 tags and attributes. For details, please click HTML5 Reference Manual .