Shulou(Shulou.com)06/01 Report--

This article mainly explains "what are the new tags and abolished tags in html5". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the new tags and abolished tags in html5?"

New structure label

Section element

Represents a content block on a page, such as a chapter, header, footer, or other part of the page. Can be with H2, H3. And other elements are combined to represent the document structure. Example: in HTML5... In HTML4.

Article element

Represents a piece of independent content on a page that is not context-sensitive. Like an article.

Aside element

Represents auxiliary information related to the content of the article element outside of the content of the article element.

Header element

Represents a content block in a page or the title of a real page.

Hgroup element

Represents a combination of the title of a real page or a content block in a page.

Footer element

A footnote that represents the entire page or a block of content in the page. Generally speaking, he will include the name of the creator, the date of creation, and the creator's contact information.

Nav element

Represents the part of the page that navigates the link.

Figure element

Represents a separate stream content, which generally represents a separate unit in the main stream content of a document. Use the figcaption element to add a title to the figure element group. For example:

Copy the code

The code is as follows:

PRC

The People's Republic of China was born in 1949

Often write in HTML4

Prc

The People's Republic of China was born in 1949

Other new elements

Video element

Define video. Like 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:

Copy the code

The code is as follows:

Embed element

Used to embed content (including various media). The format can be Midi, Wav, AIFF, AU, MP3,flash, etc. Example:

Code examples in HTML4

Mark element

It is mainly used to visually present to the user what text needs to be highlighted or highlighted. The search keyword is highlighted in the search results of a typical application.

HTML5;HTML4 .

Progress element

Represents a running process, and you can use the progress element to display the process of a time-consuming function in JavaScript. Waiting for... Please wait a moment.

Time element

Represents a date or time, or both.

Ruby element

Define ruby comments (Chinese phonetic or character).

Use with and tags. The ruby element consists of one or more characters (requiring an explanation / pronunciation) and a rt element that provides this information, as well as an optional rp element that defines what to display when the browser does not support the "ruby" element.

Copy the code

The code is as follows:

(thank you)

Rt element

Define the interpretation or pronunciation of characters (Chinese Bopomofo or characters).

Rp element

Used in ruby comments to define what is displayed by browsers that do not support ruby elements.

Wbr element

Represents a soft line break. The difference from the br element: the br element indicates that the line must be wrapped here; wbr means that when the browser window or parent element is wide (when there is no need for a line break), there is no line break, and if the width is not enough, take the initiative to wrap the line here.

Canvas element

Define graphics, such as charts and other images. Elements are just graphics containers (canvases) and must be drawn using scripts.

Copy the code

The code is as follows:

Var canvas=document.getElementById ('myCanvas')

Var ctx=canvas.getContext ('2d')

Ctx.fillStyle='#FF0000'

Ctx.fillRect (0d0pl 80100)

The command element-- doesn't seem to have much effect. Is there a problem with support?

Represents a command button, such as a radio button, check box, or button.

The command element is visible only if it is within the menu element. Otherwise, this element will not be displayed, but you can use it to specify keyboard shortcuts.

Copy the code

The code is as follows:

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.