HTML5 New Tags

HTML5 New Tags:

The content structure element outside the label definition defines what is outside the content of the page. The content of aside is related to the content of article. A structure element defines the grouping of a set of media content, and their title. The structure element label defines the sections (section, sections) in the document. For example, chapters, headers, footers, or other parts of a document structure elements define measures within a predefined range. Inline elements for measurements only for known maximum and minimum values

Defines the progress of any type of task. You can use tags to display the progress inline elements of time-consuming functions in JavaScript define a date/time inline element

Defines the sound content. The inline element audio element allows multiple source elements. The source element can link different audio files. The browser will define the video using the first recognizable format. Inline elements)

OGG supports firefox3.5,opera10.5,chrome3.0 Mpeg 4 support chrome3.0,safsri3.0 video also supports multiple source elements, linked to different video files, and the browser will use the first recognizable format attribute value: Autoplay= "AutoPlay" is ready to play loop= "loop" plays back play define command button interaction element definition drop-down list, use this element with INPUT element, define the value that input may appear, DataList option is not displayed. It's just a valid input value list interaction element defines the element's detail interaction element

Methods for defining graphics, drawing paths, rectangles, circles, characters, and adding images the canvas element itself does not have the ability to draw, and all the drawing work must be done within JavaScript to complete the gradient Definition Dialog session dialog elements represent conversations between several people. The HTML5DT element can represent the speaker, and the HTML5DD element can represent the content of the speech. The structure element defines the caption of the figure element defined by the external interaction content or by the plug-in defining the destination definition for the server sent Events Definition section or page footer.

HTML5 new features to the development trend of the website:

HTML5 is an upgraded version of HTML4, compared to the latter, HTML5 increased the expressiveness of Web pages, but also increased the form, local data and other new features, the construction of our site is a new experience, but also an opportunity, Because the innovation and reform of many functions in HTML5 is a good guideline for our future website construction. 2

A new mark appeared in the HTML5.

Flash webmaster All know, believe this is a let everyone very headache things, some webmaster in order to make their own picture more gorgeous dynamic, so on the home page loaded a variety of flash video, so that, although the web effect has been improved, but the site access speed down. Because when the visitors open a website, these bloated flash video will be loaded, only after the load is complete to render, if your host is shared, then your site loading speed will be quite sad.

HTML5 is universally praised, the key is that it is a breakthrough in user experience, compared to html4,html5 new and tagged, it can be perfect for audio and video embedded in the Web page, without affecting the loading speed of the site, compared to the Mark I said before, and tags more humane, Allows users to experience a new sense of the page. 5

Four more convenient management.

I mentioned earlier that HTML5 has added local data to this new feature, which will embed a local SQL database to speed up interactive search, caching, and indexing capabilities. At the same time, those offline Web programs will also benefit from this, in addition, because HTML5 added a new form, so that we build the site for the URL can use micro-data, this change, can let us more clean management of the page, so that the overall level of the whole site is clear, for the search engine is quite good. 6

Of course, the above is not the full advantages of HTML5, I just listed a few for our station more favorable aspects, but HTML5 now has a great function, the browser has supported the HTML5 part of the function, the site uses HTML5 constantly updated code is also some perfect, It's a huge test of time and energy. But y+ foreign trade website In this technology is not very perfect case, or use, because y+ foreign trade website to break through the traditional website, into the new internet era

But HTML5 is not the same, it produces new tags, it not only provides flash-related features, but also can make the site video loading speed greatly reduced, which makes the site does not have to reduce the speed of access to video applications. You can understand that y+ foreign trade website is through HTML5 change to this situation. 3

The two HTML5 appeared new and marked

Web site structure is the basis of spider crawling, the site only has a clear level to further improve the spider crawling effect and crawl rate, but before standing HTML4 css+div program Although the directory, navigation and other columns of the site clearly set, But it does not give spiders a quickest way to reach every corner of the site, and HTML5 changed these, its design to better meet the site's anatomical structure, the spider on the page is like in the center, any corner is the same distance, which increases the spider's "Access depth", contribute to the overall weight of the site improvement. 4

Third, the audio and video embedded functions

HTML5 New Tags