HTML 5 's expected 5 features

HTML 5 is an important version of the hypertext banner, which has been stalled since the HTML 4.01 was released in 1999, and the time of 1999, when the Web is booming, now the HTML version has been unable to adapt to the Web content and application now. HTML 5 is designed to enhance the interaction lines of HTML, supporting the current variety of complex Web content. It also solves the lack of HTML 4 WEB application functionality.

A little historical background

The discussion of HTML 5 began in 2003, when the consortium expressed interest in the draft HTML 5 developed by the WEB Hypertext application Technology Working Group (WHATWG), WHATWG was founded in 2004 By the Apple, the Mozilla Foundation, as well as the Opera Company's representative composition. Since then, the Working Group was set up in 2007 and started to develop HTML 5. Currently, development work is ongoing and initial comments will be submitted to the consortium in 2012, although many browsers now support HTML 5. This article describes the 5 most exciting new features of HTML 5.

1. Some new tags that help us describe the content

The diversity of WEB content makes HTML4 powerless, when describing a Web page, HTML4 the following performance:

HTML 5 will behave as follows:

In this way, the browser knows what each part of a Web page represents, such as the <nav> part is navigation, and the <article> Part is the main content. In addition to the more beautiful code and semantic tags, this change brings more benefits, for example, search engines can more accurately know what part of a Web page more important. IBM has a detailed description of the new HTML 5 tags.

2. Improved WEB form processing

HTML 5 launches Web Forms 2.0, providing many new options and new features for development to make it easier and more efficient to handle the form's input and publication. The most exciting feature of Web Form 2.0 is input validation. For now, we need to implement the same functionality through JavaScript or server-side logic.

For example, there is a form like the following:

In HTML4 we need to write code like this, and then use JavaScript or server-side scripts for validation:

The properties in HTML5 required 与 email can be validated directly, as follows:

3. Providing APIs for WEB development

HTML 5 will provide multiple APIs, such as audio and video tags, that allow developers to play Web video and audio directly without resorting to Third-party tools:

Opera has a lot of research and has a video demo launch

4. <canvas> label will allow direct script drawing on top

People are more likely to get information from pictures, such as the following information is shown in tables and pie charts, and the effect is significantly different:

However, in the past to achieve this effect, only static pictures can be used to adjust the picture. Using the <canvas> tag, you can modify the parameters in real time, such as to generate a pie chart in real time according to the user's vote.

5. Users can edit parts of the Web page and interact with the Web page

HTML 5 will support user interaction, which contenteditable allows you to set which part of the Web page can be edited, on a Wiki based site, which is very useful.

Extended Reading

• You can read the latest working draft's HTML 5 specifications on the "the" new work draft of HTML 5.
• Learn about the major differences between HTML 4 and HTML 5 on the "the" website (main difference of HTML4/5).
• IBM DeveloperWorks has a excellent in-depth article on new elements in HTML 5. (IBM has a deep research article on HTML 5)
• Read about the people in charge of developing HTML 5 specifications on the "the" HTML Working Group website. (Member of the HTML team of the Consortium)
• Find out what your can do to help HTML 5 development on the WHATWG Wiki website. (How to provide help for HTML 5)

This article International Source: http://www.readwriteweb.com/archives/5_exciting_things_in_html_5.php
Chinese translation Source: Comsharp CMS official website