Html5 new tag explanation and usage _ html5 tutorial skills-

Source: Internet
Author: User
HTML5 is a new network standard, aiming to replace the existing HTML4.01 and XHTML1.0andDOMLevel2HTML standards. It hopes to reduce the browser's need for plug-ins for the rich network application service (plug-in-based rich internet application, such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX.

HTML 5 provides some new elements and attributes that reflect typical modern usage websites. Some of them are technically similar.

And label, but it has a certain meaning, such

(Website navigation block) and . This type of tag will benefit search engine indexing, small screen devices, and visually impaired users. At the same time, it provides new functions for other browsing elements through a standard interface, such Mark.

Some outdated HTML 4 tags will be removed, including those that are purely used as display effects, such Because they have been replaced by CSS. There are also some network behaviors (via) Through DOM ).

Next, let's take a look at some of the new tag usages provided by HTML 5 and their differences with HTML 4.
The tag defines external content. For example, a new article from an external news provider, text from a blog, or text from a forum. Or from other external sources.
HTML5:
HTML4:



Label defines content other than article. The content of aside should be related to the content of article.
HTML5: The content of Aside is independent, but should be related to the content of the document.
HTML4:

The content of Aside is independent, but should be related to the content of the document.



Tags define sounds, such as music or other audio streams.
HTML5: your browser does not support audio labels.
HTML4:

Labels define graphs, such as tables and other images. This HTML element is designed for vector graphics on the client side. It does not act on its own, but presents a drawing API to the client JavaScript so that the script can draw everything you want to draw on a canvas.
HTML5:
HTML4:

The tag defines command buttons, such as single-choice buttons, check boxes, or buttons.
HTML5:
HTML4: none

A tag defines a list of optional data. With the input element, you can create a drop-down list of input values.
HTML5:
HTML4: see combobox.

The tag defines the details of the element. You can view the details or click to hide them. And Used together to create the detail title. This title is visible to users. When you click on it, you can open or close detail.
HTML5:
HTML4:


Tags define embedded content, such as plug-ins.
HTML5:
HTML4:

The label defines the title of the figure element ." The figcaption element should be placed at the first or last child element of the figure element.
HTML5: PRC
HTML4: none

Tags are used to combine elements. Use The element adds a title to the element group.
HTML5: PRC

The People's Republic of China was born in 1949...


HTML4:
PRC

The People's Republic of China was born in 1949...



The label defines the footer of a section or document. Typically, it contains the Creator's name, document creation date, and/or contact information.
HTML5:
HTML4:



The label defines the header of the section or document.
HTML5:
HTML4:



Tags are used to combine the titles of a webpage or section.
HTML5:
HTML4:



Tag definition to generate a key.
HTML5:
HTML4: none

It is mainly used to visually present the words that need to be highlighted to the user.A typical application of tags is to highlight search keywords in the search results.
HTML5:
HTML4:

Label-defined metric. It is used only for measurements with the largest and minimum values known. The measurement range must be defined, either in the element text or in the min/max attribute.
HTML5:
HTML4: none

The tag defines the navigation link.
HTML5:
HTML4:


    Tags define different types of output, such as the output of scripts.
    HTML5:
    HTML4:

    Processes in the tag running. AvailableTag to display the process of time-consuming functions in JavaScript.
    HTML5:
    HTML4: none

    Labels are used in ruby annotations to define the content displayed by browsers that do not support ruby elements.
    HTML5:Bytes(ㄏㄢ ˋ)
    HTML4: none

    A tag defines the interpretation or pronunciation of a character (Chinese phonetic alphabet or character.
    HTML5:Bytesㄏㄢ ˋ
    HTML4: none

    The tag defines ruby annotations (Chinese phonetic symbols or characters ).
    HTML5:Bytes(ㄏㄢ ˋ)
    HTML4: none

    Label defines sections (sections and sections) in the document ). For example, a section, header, footer, or other part of the document.
    HTML5:
    HTML4:



    Tags are media elements (such And) define media resources.
    HTML5:
    HTML4:

    The label contains the title of the details element, and the "details" element is used to describe detailed information about the document or document fragment ." The summary element should be the first child element of the details element.
    HTML5: HTML 5This document teaches you everything you have to learn about HTML 5.
    HTML4: none

    The tag defines the date or time, or both.
    HTML5:
    HTML4:

    Tags define videos, such as movie clips or other video streams.
    HTML5: Your browser does not support video tags.
    HTML4:

    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.