New HTML element

This article is only for forwarding, non-original, original http://www.cnblogs.com/zhuanggege/p/5740507.html

Please support the original

HTML5 new elements

HTML5 semantic elements

A header that defines a section of a document or part of a document

<nav>

Defines the part of the navigation link

<section>

Defines an area of a document, such as a chapter, head, bottom, or other area of a document

<article>

Defines a page-independent content area that must be meaningful and must be independent of the rest of the document

<aside>

Defines the sidebar content of the page

<footer>

A footer that defines a section of a document or part of a document

Usually contains the name of the creator of the document, the copyright information of the document, a link to the terms of use, contact information, etc.

<main>

Defines the main content of the document

In a document, more than one <main> element cannot appear. <main> elements cannot be descendants of the following elements:<article>, <aside>, <footer>,

<figure>

Defines separate stream content (images, charts, photos, code, and so on)

Content should be related to the main content, while the location of the element is independent of the main content and, if deleted, should not affect the flow of the document

<audio>

Define audio, such as music or other audio streams

Currently supported 3 audio formats: MP3, Wav, Ogg

<audio src= "Song.ogg" controls> </audio> If you consider the compatibility of audio files with different browsers: <audio controls> <source    src= " Song.ogg "type=" Audio/ogg ">    <source src=" Song.mp3 "type=" Audio/mpeg ">    <p>your Browser does Not support the audio tag.</p></audio>

Autoplay:autoplay If this property appears, the audio will play immediately after it is ready

Controls:controls If this property appears, an audio control (such as a Play/pause button) is displayed to the user

Loop:loop If this property occurs, the playback starts again whenever the audio ends

muted:muted If this attribute is present, the audio output is muted

Preload:auto, Meta, none specifies whether to load audio after a page is loaded, and if the AutoPlay property is set, the property is ignored

<video>

Define videos, such as movie clips or other video streams

Currently supports 3 video formats: MP4, WebM, Ogg

<video src= "Movie.mp4" controls> </video> If you consider the compatibility of video files with different browsers: <video width= "" "Height=" controls >    <source src= "Movie.ogg" type= "Video/ogg" >    <source src= "Movie.mp4" type= "Video/mp4" >    <p>your Browser does not support the video tag.</p></video>

Width set the video player wide

Height set the video player's altitude

Autoplay:autoplay If this property appears, the audio will play immediately after it is ready

Controls:controls If this property appears, an audio control (such as a Play/pause button) is displayed to the user

Loop:loop If this property occurs, the playback starts again whenever the audio ends

muted:muted If this attribute is present, the audio output is muted

Preload:auto, Meta, none specifies whether to load audio after a page is loaded, and if the AutoPlay property is set, the property is ignored

POSTER:URL Specifies the image that is displayed when the video is downloaded, or the image that is displayed before the user clicks the play button

<embed>

Defines a container for embedding external applications or interactive programs (plugins)

<embed src= "helloworld.swf" width= "" height= "" Type= "MIME type" >

<track>

Define an external text track for Media Elements

Used to specify subtitle files or other files that contain text that are visible when the media is playing

<video width= "height=" controls>    <source src= "Forrest_gump.mp4" type= "Video/mp4" >    < SOURCE src= "Forrest_gump.ogg" type= "Video/ogg" >    <track src= "SUBTITLES_EN.VTT" kind= "subtitles" srclang= " En "label=" 中文版 ">    <track src=" SUBTITLES_NO.VTT "kind=" subtitles "srclang=" no "label=" Norwegian "> </video>

DEFAULT:DEFAULT Specifies that the track is the default. If the user does not select any tracks, the default track is used

Kind text types that specify text tracks

Captions the track defines a short description that will be displayed in the player

Chapters the track definition section for navigating media resources

Descriptions the track definition description, used to describe the content of the media through audio, if the content is not playable or invisible

Metadata the track defines what the script uses

Subtitles the track defines subtitles for displaying subtitles in video

LABEL specifies the title of the text track, such as when the user selects a caption track, the caption is displayed

Srclang Specifies the language of the track, if the value of the kind property is "subtitles", then the Srclang attribute is required

<figcaption>

Defining headings for <figure> elements

<figure>        <figcaption>a View of the Pulpit Rock in norway.</figcaption></figure>

<details>

Specifies the supplemental details of a user's visible or hidden needs

Interactive controls for users to turn off, any form of content can be placed in the <details> tag inside

The content of the <details> element is not visible to the user unless the Open property is set

<summary> tag defines a visible caption for the <details> element, which displays details when the user clicks on the title

<details open><summary>copyright 1999-2011.</summary><p>-by Refsnes Data. All rights Reserved.</p><p>all content and graphics on this web site is the property of the company Refsnes D Ata.</p></details>

<meter>

Define weights and measures, only for measurements of known maximum and minimum values, such as disk usage, correlation of query results, etc.

<meter value= "2" min= "0" max= "ten" >2 out of 10</meter> <br><meter value= "0.6" >60%</meter>

High defines the range of values that are higher

Low defines the range of values that are defined as lower

Max specified range max value

Min. specified range minimum value

Optimum the optimal value of the specified measure

value specifies the current value of the measure

<progress>

Define the progress of a task in the run, use the <progress> tag with JavaScript to show the progress of the task

<progress value= "max=" > </progress>

<mark>

Define highlighted text

<wbr>

Specify where in the text to fit to add a line break

HTML5 elements that have been removed
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

New HTML element