Explanation and usage of "HTML5" Html5 new label __html

Source: Internet
Author: User

HTML 5 is a new network standard that aims to replace the existing HTML 4.01, XHTML 1.0 and DOM Level 2 HTML standards. It wants to reduce the browser's rich network application services (plug-in-based Rich Internet Application,ria) that require plug-ins, such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX's demand.

HTML 5 provides some new elements and attributes that reflect the typical modern usage Web site. Some of these are technically similar to <div> and <span> tags, but have certain implications, such as <nav> (site navigation block) and <footer>. The tags will help search engine indexing, small screen devices and visually impaired people to use. It also provides new features for other browsing elements, through a standard interface, such as <audio> and <video> tags.

Previous: HTML5 shiv– let the Damned IE series Support HTML5 Bar describes how to make all browsers support HTML5 tag, you can be assured that the use of bold.

Some outdated HTML 4 tags will be canceled, including tags that are used purely for display effects, such as <font> and <center>, because they have been replaced by CSS. There are also some network behaviors through the DOM (via). Let's take a look at some of the new tag usages provided by HTML 5 and the difference from HTML 4.

<article> label defines the external content. For example, a new article from an external news provider, or text from a blog, or text from a forum. or from other external source content.

<aside> label defines content other than article. The content of the aside should be related to the content of article.
Html5:<aside>aside content is independent, but should be relevant to the content of the document. </aside>
Html4:<div>aside content is independent, but should be relevant to the content of the document. </div>

<audio> tags define sounds, such as music or other audio streams.
Html5:<audio src= "Someaudio.wav" > your browser does not support audio tags. </audio>
Html4:<object type= "Application/ogg" Data= "someaudio.wav" ><param name= "src" value= "someaudio.wav" >< /object>

<canvas> 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 presents a drawing API to client JavaScript so that the script can draw what it wants to draw onto a canvas.
Html5:<canvas id= "MyCanvas" width= "height=" ></canvas>
Html4:<object data= "Inc/hdr.svg" type= "Image/svg+xml" width= "" height= "></object>"

<command> tags define command buttons, such as radio buttons, check boxes, or buttons.
HTML5: <command onclick=cut () "Label= cut" >

<datalist> label defines the list of optional data. In conjunction with the INPUT element, you can create a drop-down list of input values.
HTML5: <datalist></datalist>
Html4:see ComboBox.

<details> tags define the details of elements that users can view or hide by clicking. Use with <legend> to make detail headlines. The title is visible to the user and can be turned on or off when clicked on detail.
HTML5: <details></details>
HTML4: <dl style= "Display:hidden" ></dl>

<embed> tags define embedded content, such as Plug-ins.
HTML5: <embed src= "Horse.wav"/>
HTML4: <object data= "flash.swf" type= "Application/x-shockwave-flash" ></object>

<figcaption> label defines the caption of the figure element. The "figcaption" element should be placed at the position of the first or last child element of the "figure" element.
HTML5: <figure><figcaption>PRC</figcaption></figure>

<figure> tags are used to group elements. Use the <figcaption> element to add a caption to the group of elements.
HTML5: <figure><figcaption>prc</figcaption><p>the People ' s Republic of 1949...</p></figure>
HTML4: <dl>

The <footer> tab defines the footer for section or document. Typically, it contains the creator's name, the document's authoring date, and/or contact information.
HTML5: <footer></footer>
HTML4: <div></div>

HTML5: HTML4: <div></div>

The HTML5: HTML4: <div></div>

The <keygen> label defines the build key.
HTML5: <keygen>

<mark> is mainly used to visually present to the user the text that needs to be highlighted. A more typical application of <mark> tags is to highlight search keywords to users in search results.
HTML5: <mark></mark>
HTML4: <span></span>

<meter> labels define weights and measures. A metric that is used only for known maximum and minimum values. You must define the scope of the measure, either in the text of the element or in the Min/max property.
HTML5: <meter></meter>

<nav> label defines the part of the navigation link.
HTML5: <nav></nav>

<output> tags define different types of output, such as the output of a script.
HTML5: <output></output>
HTML4: <span></span>

<progress> the process in the running of the label. You can use the <progress> tab to display the process of a time consuming function in JavaScript.
HTML5: <progress></progress>

<rp> tags are used in ruby annotations to define what browsers are displaying that do not support ruby elements.
HTML5: <ruby> <rt><rp> (</rp>ㄏㄢˋ<rp>) </rp></rt></ruby>

<rt> label defines the interpretation or pronunciation of characters (Chinese phonetic notation or characters).
HTML5: <ruby> <rt>ㄏㄢˋ</rt></ruby>

<ruby> tags define ruby annotations (Chinese phonetic or character).
HTML5: <ruby> <rt><rp> (</rp>ㄏㄢˋ<rp>) </rp></rt></ruby>

<section> label defines sections (section, section) in a document. such as chapters, headers, footers, or other parts of a document.
HTML5: <section></section>
HTML4: <div></div>

<source> tags define media resources for media elements such as <video> and <audio>.
HTML5: <source>
HTML4: <param>

The <summary> tag contains the title of the details element, which is used to describe details about the document or fragment of the document. The "Summary" element should be the first child element of the "details" element.
HTML5: <details><summary>html 5</summary>this document teaches you everything your have to learn about HT ML 5.</details>

<time> label defines the date or time, or both.
HTML5: <time></time>
HTML4: <span></span>

<video> tags define video, such as movie clips or other video streams.
HTML5: <video src= "Movie.ogg" controls= "Controls" > your browser does not support video labels. </video>

Html4:<object type= "Video/ogg" Data= "MOVIE.OGV" ><param name= "src" value= "MOVIE.OGV" ></object>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.