HTML5 tag and usage description, html5 tag usage

Source: Internet
Author: User

HTML5 tag and usage description, html5 tag usage

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

  • <article>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.
  • <aside>Defines content outside of the page content, but it should be related to the page content
  • <audio>Define sound, such as music or other audio streams
  • <canvas>Define images, such as tables and other images.
  • <command>Define command buttons, such as single-choice buttons, check boxes, or buttons.
  • <datatemplate>A container that defines a data template. This element must have sub-elements of the template:<rule>Element
  • <datagrid>Defines a list of optional data. The datagrid is displayed as a tree list.
  • <datalist>Defines a list of optional data. Used with the input element to create a drop-down list of input values
  • <dialog>Define a conversation, such as a conversation
  • <embed>Define embedded content, such as plug-ins
  • <event-source>Define the sources of events sent by the server
  • <figure>Define media content groups and their headers
  • <footer>Define the footer of a section or document
  • Define the header of section or document
  • Group titles
  • <keygen>Define generate key
  • <m>Define text with a mark
  • <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.
  • <meter>Define measurement (unit ). Used only for measurements with the minimum and maximum values known
  • <nav>Define navigation links
  • <nest>Define nested points for child elements in the data template. And<datatemplate>And<rule>Element Used Together
  • <output>Define different types of output, such as Script output
  • <progress>Running process. It can be used to display the process or download progress of time-consuming functions in JavaScript.
  • <rule>Defines the rules for updating data templates. And<datatemplate>And<nest>Element Used Together
  • <rp>Used in ruby annotations to define the content displayed by browsers that do not support ruby Elements
  • <rt>A hirakana that defines Chinese Characters in pinyin or Japanese.
  • <ruby>Define "note text" in the Asian language"
  • <section>Define sections in the document ). For example, Chapter, header, footer, or other part of the document
  • <source>For media elements (such<video>And<audio>) Define media resources
  • <summary>Define a summary, that is, the detail header. Not equivalent to the summary attribute in the table
  • <time>Define date or time, or both
  • <video>Define videos, such as movie clips or other video streams

HTML5 adds many new tags and also removes some labels:

  • <acronym>Available<abbr>Replace
  • <applet>Not Supported
  • <basefont>Use CSS instead
  • <big>Use CSS instead
  • <center>Use CSS instead
  • <dir>Use CSS instead
  • <font>Use CSS instead
  • <frame>Not Supported
  • <frameset>Not Supported
  • <noframes>Not Supported
  • <s>Use CSS instead
  • <small>Use CSS instead
  • <strike>Use CSS instead
  • <tt>Use CSS instead
  • <u>Use CSS instead

The preceding labels are not recommended for XHTML 1.0, but are still supported, but not for HTML 5. In addition, many tag attributes are not supported, such as aling.

Related Article

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.