Shulou(Shulou.com)06/01 Report--

This article mainly introduces the HTML5 new tags how to use the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, with a certain reference value, I believe you will have a harvest after reading this new HTML5 tag how to use the article, let's take a look at it.

Concept:

HTML5 is another important version after HTML4.01, XHTML 1.0 and DOM 2 HTML.

It is designed to eliminate the dependence of rich Internet programs (RIA) on browser plug-ins such as Flash, Silverlight, and JavaFX.

The emergence of the HTML1.0 standard in 1991

HTML4.0 released in 1997, limitations of browsers under the 4.0 standard

Flash (security and stability concerns, power consumption, touch, closed)

Silverlight

JavaApplet

HTML5 appeared in 2008, and on October 29th, W3C announced that after nearly eight years of painstaking efforts, the standard specification had finally been developed.

HTML5 enhances the native functions of browsers, and browsers that conform to HTML5 specifications will be more powerful, reducing the dependence of Web applications on plug-ins.

Make the user experience better and make the development more convenient. In addition, the W3C has experienced a total of 17 years from the launch of HTML4.0 to 5.0. the change of HTML is very small, which does not meet the evolution rules of a good product.

3) in terms of structural semantics

Html: there is no tag that reflects the semantics of the structure. It is usually named this way to indicate the head of the site.

Html5: it has a great advantage in semantics. Some new tags are provided, such as:.

Browsers that support Html5 include Firefox (Firefox), IE9 and later, Chrome (Google browser), Safari,Opera

1. Semantic features (Class:Semantic)

HTML5 will give web pages better meaning and structure. Richer tags will build data-driven Web that is more valuable to programs and users with the support of RDFa, microdata, microformats, and so on.

2. Local storage characteristics (Class: OFFLINE & STORAGE)

Web APP developed based on HTML5 has shorter startup time and faster networking speed, thanks to HTML5 APP Cache, local storage capabilities, Indexed DB (one of the most important technologies for local storage in HTML5) and API documentation.

3. Device compatibility features (Class: DEVICE ACCESS)

Since the release of API documents for Geolocation functions, HTML5 has provided web application developers with more multi-functional optimization options and brought more experience features. HTML5 provides an unprecedented open interface for data and application access. So that external applications can be directly connected to the internal data of the browser, for example, video and audio can be directly connected to microphones and cameras.

4. Connection characteristics (Class: CONNECTIVITY)

More effective connection efficiency, so that the page-based real-time chat, faster web game experience, more optimized online communication can be realized. HTML5 has more efficient server push technology, and Server-Sent Event and WebSockets are two of them, which can help us to "push" data from the server to the client.

5. Multimedia features of web pages (Class: MULTIMEDIA)

Support Audio, Video and other multimedia functions on the web side, which complement each other with the APPS, camera, audio and video functions of the website.

6. 3D, graphics, special effects properties (Class: 3D, Graphics & Effects)

Based on the 3D features of SVG, Canvas, WebGL and CSS3, users will be amazed at the amazing visual effects presented in the browser.

7. Performance, integration features (Class: Performance & Integration)

No user will wait for you forever. Loading--HTML5 will use technologies such as XML Http Request 2 to solve previous cross-domain problems and help Web applications and websites work faster in a variety of environments.

8. CSS3 feature (Class: CSS3)

CSS3 provides more styles and stronger effects without sacrificing performance and semantic structure. In addition, Web's Open Font format (WOFF) provides more flexibility and control than previous Web typesetting.

1. Improve usability and user-friendly experience

2. There are several new tags to help developers define important content

3. Bring more multimedia elements (video and audio) to the site

4. It is a good substitute for FLASH and Silverlight.

5. SEO is friendly when it comes to website crawling and indexing

6. It can be widely used in mobile applications and games

7. Good portability.

The following HTML 4.01elements have been deleted in HTML5:

Tags define external content. For example, a new article from an external news provider, or text from blog, or text from a forum.

HTML5:

HTML4:

Tag definition: content other than article on the side. The content of aside should be related to the content of article.

The content of the HTML5:Aside is independent, but should be relevant to the content of the document.

The content of the HTML4:Aside is independent, but should be relevant to the content of the document.

Tags define sounds, such as music or other audio streams.

HTML5: your browser does not support audio tags.

HTML4:

Tags define graphics, such as charts and other images. This HTML element is designed for client-side vector graphics. It has no behavior of its own, but it presents a drawing API to the client JavaScript so that the script can draw everything you want to draw onto a canvas.

HTML5:

HTML4:

Tags define command buttons, such as radio buttons, check boxes, or buttons.

HTML5:

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.