Summary and detailed description of new HTML5 tags

Source: Internet
Author: User

Define independent content such as forum posts, newspaper articles, blog entries, user reviews, and more. Supports HTML5 's global properties and event properties. Define sidebar content for two or more columns, such as Contact us, customer service, website announcements, and more. Supports HTML5 's global properties and event properties. Define audio content, such as music or other audio streams.

AutoPlay AutoPlay Auto play.
Controls Controls Displays the control.
Loop Loop Auto Replay.
Preload Preload Ready to play. If you use "autoplay", the property is ignored.
Src wr. The URL of the audio.

Supports HTML5 's global properties and event properties.

Your browser does not support the audio tag. (Note: You can add this text between the start and end tags so that if the browser does not support this element, you can display this information.) )

Define graphs, tables, and other images. (Note: Just a graphics container, we must use a script to draw the graph.) )

Height Pixels Sets the height of the canvas.
Width Pixels Sets the width of the canvas.

Supports HTML5 's global properties and event properties.

var canvas=document.getelementbyidx_xx_x (' MyCanvas ');

var ctx=canvas.getcontext (' 2d ');

Ctx.fillstyle= ' #FFFF00;

Ctx.fillrect (0,0,20,30);

Tag defines a command button, such as a radio button, a check box, or a button. This element is visible only if the command element is inside a menu element. Otherwise, this element is not displayed, but it can be used to specify keyboard shortcuts.

Checked Checked Defines whether or not it is selected. Only for radio or checkbox types
Disabled Disabled Define whether the command is available
Icon Url Defines the URL of an image to display as a command
Label Text Define the visible label for the command
Radiogroup GroupName Defines the group name to which the command belongs. Only used when the type is Radio
Type CheckBox

Command

Radio

Defines the type of the command. The default is "command"

Supports HTML5 's global properties and event properties.

Click here.

Defines the list of options, used in conjunction with the INPUT element, and is bound by the list property of the input element to define the possible values for input. DataList and its options are not displayed, it is just a valid list of input values. Supports HTML5 's global properties and event properties. A detail used to describe a part of a document or document.

Open Open Define whether details are visible

Supports HTML5 's global properties and event properties.

Some title.

Some details about the title.

Define external, interoperable content or plug-ins.

Height Pixels Set the height of embedded content
Src Url URLs for embedded content
Type Type Define the type of embedded content
Width Pixels Set the width of the embedded content

Supports HTML5 's global properties and event properties.

Define a set of media content (images, charts, photos, code, and so on) and their titles. If it is deleted, it should not affect the flow of the document. Supports HTML5 's global properties and event properties.

The title of the image.

Defines a page or footer for an area. Can include the author name, date of creation, or contact information for the document. Supports HTML5 's global properties and event properties. Defines the head of a page or an area. Supports HTML5 's global properties and event properties. Defines information about a chunk in a file, using tags to group the titles of pages or sections (section). Supports HTML5 's global properties and event properties.

Welcome my world! This is a title.

Defines a generated key value in the form. Specifies the key pair generator field used for the form. When the form is submitted, the private key is stored locally and the public key is sent to the server.

Autofocus Autofocus To have the Keygen field focus when the page loads
Challenge Challenge If used, set the value of keygen to ask at commit
Disabled Disabled Disable the Keytag field
Form FormName Define one or more forms that the keygen field belongs to
KeyType Rsa Define KeyType. RSA generates RSA key
Name FieldName Defines a unique name for the keygen element that is used to collect the value of a field when the form is submitted.

Supports HTML5 's global properties and event properties.

Username:

Encryption:


Defines the tagged text. Use this label when you need to highlight text. Supports HTML5 's global properties and event properties.

I like Apple most.


Define weights and measures. Measures that are used only for the known maximum and minimum values. (Note: The scope of the measure must be defined, either in the text of the element or in the Min/max property.) )

High Number Defines the point at which the value of the measure is located and is defined as a high value
Low Number Defines the point at which the value of the measure is located and is defined as a low value
Max Number Defines the maximum value. The default value is 1
Min Number Defines the minimum value. The default value is 0
Optimum Number Defines what measures are the best values. If the value is higher than the "high" property, it means that the higher the value, the better. If the value is lower than the value of the "low" property, it means that the lower the value, the better.
Value Number Define a value for a measure

Supports HTML5 's global properties and event properties.

2

2 out of 5

10%


Defines the navigation link. (Note: If you have a "front and back" button in your document, you should put it in the element.) Supports HTML5 's global properties and event properties.

Home

Previous

Next


Defines different types of output, such as the output of a script.

For ID of another element Define one or more elements related to an output field
Form FormName Define one or more forms to which the input field belongs
Name Unique Name Defines the unique name of the object. (used when form is submitted)

Supports HTML5 's global properties and event properties.


The process of defining tasks, such as downloads, which you can use to display the progress of time-consuming functions in JavaScript.

Max Number Define the completed values
Value Number Defining the current value of a process

Supports HTML5 's global properties and event properties.

15%


Defines a ruby annotation (Chinese phonetic notation or character). Used in East Asia, the pronunciation of East Asian characters is displayed. A RUBY element consists of one or more characters (requiring an explanation/pronunciation) and an RT element that provides that information, and an optional RP element that defines what is displayed when the browser does not support the "Ruby" element. Supports HTML5 's global properties and event properties.
Define the sections (section, section) in the document. such as chapters, headers, footers, or other parts of the document.

Cite Url Use when section is from the Web

Supports HTML5 's global properties and event properties.


Define media resources for media elements (such as and).

Media Media Query Defines the type of media resource for the browser to decide whether to download
Src Url URL of the media
Type numeric value Defines the playback start position of the player in the audio stream. The default is to play from the beginning.

Supports HTML5 's global properties and event properties.


Defines a date/time that can be programmed to encode dates and times in a machine-readable manner, for example, when a user agent can add birthday reminders or scheduled events to a user's calendar, and search engines can generate smarter search results.

Datetime Datetime Specify the date or time. Otherwise, the content of the element is given a date or time
pubdate pubdate Indicates that the date or time in the element is the publication date of the document

Supports HTML5 's global properties and event properties.

Everyone goes to work 9:00.

New Year's party.


Define videos, such as movie clips or other video streams.

AutoPlay AutoPlay Auto play.
Controls Controls Displays the control.
Height Pixels Set the height of the video player
Loop Loop Auto Replay.
Preload Preload Ready to play. If you use "autoplay", the property is ignored.
Src Url The URL of the video.
Width Pixels Set the width of the video player

Supports HTML5 's global properties and event properties.

Summary and detailed description of new HTML5 tags

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.