Source product is slightly network: http://www.pinlue.com/article/2020/03/0518/019985707535.html
H5 Page developers how to do -H5 page development anticipated five features
HTML 5 is a major release under the Hypertext Markup Language, HTML since 1999 publish HTML 4.01, its development has been at a standstill, and since 1999 is just time Web rapid development, and now the HTML version has been unable to adapt to the current Web content and applications. HTML HTML 5 aims to improve interaction line, support the diverse, complex Web content. At the same time, it will also address the deficit on the HTML 4 Web applications.
H5 historical background
HTML 5 discussion began in 2003, when, W3C draft developed by the Web Hypertext Application Technology Working Group (WHATWG) expressed interest in the development of H5 page, WHATWG was founded in 2004 by Apple, Mozilla Foundation, and Opera Company representatives. Since then, W3C HTML Working Group was established in 2007 and initiated the development of HTML 5. At present, the development work is still in progress, and in 2012 submitted preliminary comments to the W3C, but now there are many browsers partially supported HTML 5. H5 Page developers how to do -H5 page development anticipated five functions.
H5 Page developers how to do -H5 page development anticipated 5 1. Some functions help us describe the content of the new label
Diversity Web content to let HTML4 powerless, in describing a Web page, the performance of HTML4 as follows:
HTML 5 features five exciting computer expert tutorials
HTML 5 will behave as follows:
In this way, the browser will know what parts of a page of delegates, such as <nav> section is navigation, and <article> part is the main content. In addition to a more beautiful code and semantic tags, this change also brings additional benefits, such as search engines can more accurately know which part of the contents of a web page is more important. About HTML 5 new label, IBM has discussed in detail.
H5 Page developers how to do -H5 page development anticipated five function 2. Improved Web form processing
The introduction of HTML 5 Web Forms 2.0, provides for the development of many new options and new features to simpler and more efficient to handle the form input and publishing. Web Form 2.0 of the most exciting features is the input validation. At present, we need to JavaScript or server-side logic to achieve the same functionality.
For example, there is such a form below:
In HTML4 we need to write the code, and then use JavaScript or server-side script to verify:
And in HTML5 required attribute can be directly implemented with email verification, as follows:
H5 Page developers how to do -H5 page development anticipated five functions 3. Provide API for Web developers
HTML 5 will provide multiple API, such as audio and video tags allow developers to use third-party tools do not directly play video and audio Web:
Opera has a lot in terms of those who have studied and video playback demo launch.
H5 Page developers how to do -H5 page development anticipated five functions 4. <canvas> tag will allow directly above script graphics
People are more likely to get information from the picture, such as the following information through tables and pie charts displayed in two ways, the effect is obviously not the same:
To achieve this effect in the past, however, can only use a static picture, the picture can not be adjusted. Use <canvas> tag, you can modify the parameters of real-time graphics to be modified, for example, based on user votes, generate real-time pie chart.
H5 Page developers how to do -H5 page development anticipated five functions 5. Users can edit content section of the page and interact with web pages
HTML 5 will support user interaction, contenteditable attribute allows you to set what part of the page can be edited, Wiki-based site, which is very practical.
