How to Use HTML5 tags-

Source: Internet
Author: User
HTML5 is a new network standard, aiming to replace the existing HTML4.01 and XHTML1.0andDOMLevel2HTML standards. This article introduces how to use HTML5 labels, if you are interested in using HTML 5 tags, HTML 5 is a new network standard designed to replace the existing HTML 4.01, XHTML 1.0, and DOM Level 2 HTML standards. It is expected to reduce the browser's need for plug-ins for rich network application services (plug-in-based rich internet application, RIA), 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.

HTML 5, as a new-generation hypertext markup language, adds many tags. These labels are more semantic and powerful. Specific labels are as follows:

Define 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.
Defines content outside of the page content, but it should be related to the page content
Define sound, such as music or other audio streams
Define images, such as tables and other images.
Define command buttons, such as single-choice buttons, check boxes, or buttons.
A container that defines a data template. This element must have sub-elements of the template: Element
Defines a list of optional data. The datagrid is displayed as a tree list.
Defines a list of optional data. Used with the input element to create a drop-down list of input values
Define a conversation, such as a conversation
Define embedded content, such as plug-ins
Define the sources of events sent by the server

Define media content groups and their headers
Define the footer of a section or document
Define the header of section or document
Group titles
Define generate key
Define text with a mark
The main function is to highlight the text on the page that needs to highlight its importance to the user visually. A typical application is to highlight search keywords in the search results.
Define measurement (unit ). Used only for measurements with the minimum and maximum values known
Define navigation links
Define nested points for child elements in the data template. And And Element Used Together
Define different types of output, such as Script output
Running process. It can be used to display the process or download progress of time-consuming functions in JavaScript.
Defines the rules for updating data templates. And And Element Used Together
Used in ruby annotations to define the content displayed by browsers that do not support ruby Elements
A hirakana that defines Chinese Characters in pinyin or Japanese.
Define "note text" in the Asian language"
Define sections in the document ). For example, Chapter, header, footer, or other part of the document
For media elements (such And) define media resources
Define a summary, that is, the detail header. Not equivalent to the summary attribute in the table
Define date or time, or both
Define videos, such as movie clips or other video streams

HTML5 adds many new tags and also removes some labels:

Can be used instead
Not Supported
Use CSS instead
Use CSS instead

Use CSS instead
Use CSS instead
Use CSS instead
Not Supported
Not Supported
No longer supported <br/> <s> Use CSS instead <br/> <small> Use CSS instead <br/> <strike> Use CSS instead <br/> <tt> Use CSS instead <br/> <u> Use CSS instead <br/> the above labels are not recommended in XHTML 1.0, but it can still be supported, but it is completely not supported in HTML 5. In addition, many tag attributes are not supported, such as aling. </P> <p> related articles: </p> <p> definitions and rules of labels in HTML5: header </p> <p> Differences Between HTML5 tags and HTML4 tags </p> <p> HTML5 tag Overview

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.