Brief overview of newly added and abolished html5 labels _ html5 tutorial skills-

Source: Internet
Author: User
While adding and abolishing many tags in HTML5, many tags are also added and abolished, such as the added structure Tag: section element video element. If you are interested, I hope the knowledge points in this article will help you. New Structure tag

Section Element
A content block in a page, such as a chapter, header, footer, or other part of the page. And h1, h2 ...... And other elements are used together to represent the document structure. Example: HTML5 ...... In HTML4

......

.
Article Element
Indicates an independent content on the page that is irrelevant to the context. For example, an article.
Aside Elements
Auxiliary information related to the content of the article element outside the content of the article element.
Header element
Indicates the title of a content block or a real page in the page.
Hgroup Element
Indicates that a page or a content Block Title.
Footer Element
Indicates the footer of a content block on the entire page or page. Generally, it includes the Creator's name, creation date, and contact information of the Creator.
Nav Element
The navigation link of the page.
Figure Element
It indicates an independent stream content. Generally, it indicates an independent unit in the content of the main stream of the document. Use the figcaption element to add titles to the figure element group. For example:

The Code is as follows:



PRC

The People's Republic of China was born 1949



HTML4

Prc

The People's Republic of China was born 1949




Other new elements
Video Element
Define a video. Such as movie clips or other video streams. Example: Video Element
Written in HTML4:



Audio Element
Define audio. Such as music or other audio streams. Example: audio Element
Written in html4:

The Code is as follows:






Embed element
Used to embed content (including various media ). The format can be Midi, Wav, AIFF, AU, MP3, and flash. Example:
Sample Code in HTML4
Mark Element
It is mainly used to visually display the text to be highlighted or highlighted. The keyword search is highlighted in the search result of a typical application.
HTML5HTML4.
Progress Element
Indicates a running process. You can use the progress element to display the time-consuming functions in JavaScript. Waiting ...... , Please wait..
Time Element
The date or time.
Ruby Elements
Define ruby annotations (Chinese phonetic symbols or characters ).
AndAndTags are used together. The ruby element consists of one or more characters (one explanation/pronunciation required) and an rt element that provides the information. It also includes optional rp elements, defines the content displayed when the browser does not support the "ruby" element.

The Code is as follows:



Bytes(ㄏㄢ ˋ)


Rt Element
Defines the interpretation or pronunciation of a character (Chinese phonetic alphabet or character.
Rp Element
Used in ruby annotations to define the content displayed by browsers that do not support ruby elements.
Wbr Element
Soft line feed. Difference from the br element: the br element indicates that a line break must be entered here; the wbr indicates that the browser window or the parent element is at the foot width (no line change is required), without line feed, when the width is not enough, take the initiative to wrap the line here.
Canvas Element
Define images, such as tables and other images. Elements are only graphical containers (canvases) and must be drawn using scripts.

The Code is as follows:


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.