轉發-html新元素

此文章僅爲轉發，非原創，原文http://www.cnblogs.com/zhuanggege/p/5740507.html

請支持原創

html5新元素

 

html5語義元素

<header>

定義了文檔或者文檔的一部分區域的頁眉

<nav>

定義了導航連接的部分

<section>

定義了文檔的某個區域，好比章節、頭部、底部或者文檔的其餘區域

<article>

定義了頁面獨立的內容區域，內容自己必須是有意義的且必須是獨立於文檔的其他部分

<aside>

定義了頁面的側邊欄內容

<footer>

定義了文檔或者文檔的一部分區域的頁腳

一般包含文檔創做者的姓名、文檔的版權信息、使用條款的連接、聯繫信息等等

<main>

定義了文檔的主要內容

在一個文檔中，不能出現一個以上的<main>元素。<main>元素不能是如下元素的後代：<article>、<aside>、<footer>、<header>、<nav>

<figure>

定義了獨立的流內容（圖像、圖表、照片、代碼等等）

內容應該與主內容相關，同時元素的位置相對於主內容是獨立的，若是被刪除，則不該對文檔流產生影響

 

<audio>

定義音頻，好比音樂或其餘音頻流

目前支持的3種音頻格式：MP三、Wav、Ogg

<audio src="song.ogg" controls> </audio>

若是考慮到不一樣瀏覽器對音頻文件的兼容性：
<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 若是出現該屬性，則音頻在就緒後立刻播放

controls：controls 若是出現該屬性，則向用戶顯示音頻控件（好比播放/暫停按鈕）

loop：loop 若是出現該屬性，則每當音頻結束時從新開始播放

muted：muted 若是出現該屬性，則音頻輸出爲靜音

preload：auto、meta、none 規定是否在頁面加載後載入音頻，若是設置了autoplay屬性，則忽略該屬性

 

<video>

定義視頻，好比電影片斷或其餘視頻流

目前支持3種視頻格式：MP四、WebM、Ogg

<video src=「movie.mp4」 controls> </video>

若是考慮到不一樣瀏覽器對視頻文件的兼容性：
<video width="320" height="240" 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 設置視頻播放器的寬度

height 設置視頻播放器的高度

autoplay：autoplay 若是出現該屬性，則音頻在就緒後立刻播放

controls：controls 若是出現該屬性，則向用戶顯示音頻控件（好比播放/暫停按鈕）

loop：loop 若是出現該屬性，則每當音頻結束時從新開始播放

muted：muted 若是出現該屬性，則音頻輸出爲靜音

preload：auto、meta、none 規定是否在頁面加載後載入音頻，若是設置了autoplay屬性，則忽略該屬性

poster：url 指定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像

 

<embed>

定義了一個容器，用來嵌入外部應用或者互動程序（插件）

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

<track>

定義爲媒體元素規定外部文本軌道

用於規定字幕文件或其餘包含文本的文件，當媒體播放時，這些文件是可見的

<video width="320" height="240" 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="English">
    <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

default：default 規定該軌道是默認的。若是用戶沒有選擇任何軌道，則使用默認軌道

kind 規定文本軌道的文本類型

captions 該軌道定義將在播放器中顯示的簡短說明

chapters 該軌道定義章節，用於導航媒介資源

descriptions 該軌道定義描述，用於經過音頻描述媒介的內容，假如內容不可播放或不可見

metadata 該軌道定義腳本使用的內容

subtitles 該軌道定義字幕，用於在視頻中顯示字幕

label 規定文本軌道的標題，例如當用戶選擇字幕軌道時，標題會顯示出來

srclang 規定軌道的語言，若是kind屬性的值是"subtitles"，則srclang屬性是必需的

 

<figcaption>

爲<figure>元素定義標題

<figure>
    <img src="1.jpg" alt="The Pulpit Rock" width="300" height="300">
    <figcaption>A view of the pulpit rock in Norway.</figcaption>
</figure>

<details>

規定了用戶可見的或者隱藏的需求的補充細節

用來供用戶開啓關閉的交互式控件，任何形式的內容都能被放在<details>標籤裏邊

<details>元素的內容對用戶是不可見的，除非設置了open屬性

<summary>標籤爲<details>元素定義一個可見的標題，當用戶點擊標題時會顯示出詳細信息

<details open>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

<meter>

定義度量衡，僅用於已知最大和最小值的度量，好比磁盤使用狀況，查詢結果的相關性等

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

high 規定被界定爲高的值的範圍

low 規定被界定爲低的值的範圍

max 規定範圍的最大值

min 規定範圍的最小值

optimum 規定度量的最優值

value 規定度量的當前值

<progress>

定義運行中的任務進度，請將<progress>標籤與JavaScript一塊兒使用來顯示任務的進度

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

<mark>

定義高亮顯示文本

<wbr>

規定在文本中的何處適合添加換行符

 

 

html5已移除的元素<acronym><applet><basefont><big><center><dir><font><frame><frameset><noframes><strike><tt>