Simply talk about HTML5

HTML5 Overview

The World Wide Web's core language, the standard universal Markup Language, is an application of thefifth major modification of Hypertext Markup Language (HTML) .

The World Wide Web Alliance announced that after nearly 8 years of hard work, the standard specification was finally finalized .

Who is developing HTML5? WHATWG,and theIETF.

In order to promote the development of the web standardization movement, some companies joined together to set up a application technology working Group called the Web hypertext ( Web Working Group on Hypertext Application Technology -WHATWG ) of the organization.

the first formal draft of HTML 5 for the year 1 month is published;

The World Wide Web Consortiumofficially announced the condensation of a large number of network workers ' efforts HTML5 The specification has been formally finalized;

5 months 6 days, HTML 5.1 official draft published.

The World Wide Web Alliance announced that, after nearly 8 years of hard work, the standard specification was finally finalized.

Although some features of the HTML5 standard are very revolutionary, HTML5 is designed to evolve rather than to revolution.

HTML5 specification is based on user priority criteria written, when encountering conflict, the user first, followed by the page author, browser again, then the norm, and finally the theory

What HTML5 wants is simplicity, avoiding unnecessary complexity. Improvements are as follows:

1, replace responsible JavaScript code with browser-native capability

2, the new simplified DocTYPE

3, new simplified character Set declaration

4, simple and powerful HTML5 API

No plug-in paradigm

HTML5 API

http://caniuse.com/provides detailed support for HTML5 features in accordance with the browser version

http://html5test.com/Displays the user's browser support for HTML5 .

HTML5 New Tags

Canvas

Label	Describe
<canvas>	Labels define graphs, tables, and other images. The label's JavaScript -based drawing API

Multimedia

Label	Describe
<audio>	Defining audio Content
<video>	Defining Videos ( video or movie)
<source>	Define multimedia resources <video> and <audio>
<embed>	Define embedded content, such as plugins.
<track>	Specify external text tracks for media such as <video> and <audio> elements.

Form

Label	Describe
<datalist>	Defines a list of options. Use this element in conjunction with the INPUT element to define the possible values for input.
<keygen>	Specifies the key pair generator field used for the form.
<output>	Defines different types of output, such as the output of a script.

Semantics and structure

HTML5 provides new elements to create a better page structure:

Label	Describe
<article>	Define the sidebar contents of a page
<aside>	Define content beyond the content of the page.
<bdi>	Allows you to set a piece of text away from the text orientation setting of its parent element.
<command>	Define a command button, such as a radio button, a check box, or a button
<details>	Details used to describe a part of a document or document
<dialog>	Define dialog boxes, such as prompt boxes
<summary>	Label contains the title of the details element
<figure>	Specify separate stream content (images, charts, photos, code, and so on).
<figcaption>	Define The title of the <figure> element
<footer>	Defines The footer of a section or document.
	Defines the header area of the document
<mark>	Defines the text with a token.
<meter>	Define weights and measures. Measures that are used only for the known maximum and minimum values.
<nav>	Defines the progress (process) in the run.
<progress>	Defines the progress of any type of task.
<ruby>	Defines a ruby annotation (Chinese phonetic notation or character).
<rt>	Defines the interpretation or pronunciation of characters (Chinese phonetic symbols or characters).
<rp>	Used in Ruby annotations to define what is displayed by browsers that do not support Ruby elements.
<section>	Define the sections (Section, section) in the document.
<time>	Defines the date or time.
<wbr>	Specifies where in the text to fit the line break.

The element has been removed

The following HTML 4.01 elements have been removed in HTML5 :

<acronym>

<applet>

<basefont>

<big>

<center>

<dir>

<font>

<frame>

<frameset>

<noframes>

<strike>

Characteristics

Semantic characteristics (Class:Semantic)

HTML5 gives the web a better sense and structure. Richer labels will build a data-driven Webthat is more valuable to programs and users, with support for RDFa, micro-data, and micro-formats .

Local storage features (Class:offline & STORAGE)

Web apps based on HTML5 have shorter start-up times, faster networking speeds, all thanks to the HTML5 APP Cacheandlocal storage capabilities. Indexed DB( One of the most important technologies for HTML5 local storage) and API documentation.

Device compatibility features (Class:device ACCESS)

Since the API documentation for the geolocation feature has been exposed,HTML5 has provided more functional optimization options for Web application developers Brings the benefits of more experience features. HTML5 provides unprecedented access to data and applications to open interfaces. Allows external applications to directly connect to the data inside the browser, such as video and audio directly linked to the microphones and camera.

Connection characteristics (class:connectivity)

More efficient Connection productivity enables page-based live chat, faster web game experience, and more optimized online communication. HTML5 with more efficient server push technology, server-sent Event and the WebSockets is one of the two features that can help us implement the server's ability to "push" the data to the client.

Web Multimedia features (Class:multimedia)

Support the web-side Audio,Video and other multimedia functions, and the site's own APPS, cameras, audio and video features complement each other.

Three-dimensional, graphic and special effects features (class:3d, graphics & effects)

3D based on SVG,Canvas,WebGL and CSS3 features, users will marvel at the amazing visual effects that are presented in the browser.

Performance and integration features (class:performance & Integration)

No user will ever wait for your Loading-HTML5 will Solve the problems of previous cross-domains through XMLHttpRequest2 and other technologies, Help your Web apps and websites work faster in a variety of environments.

CSS3 characteristics (CLASS:CSS3)

Without sacrificing performance and semantic structure,CSS3 offers more style and stronger results. In addition, theWeb 's Open font format (WOFF ) provides greater flexibility and control than previous Web typography.

Simply talk about HTML5