html5新標籤

標籤：

<video> 標籤的屬性 

屬性          值           描述

autoplay   autoplay       如果出現該屬性，則視頻在就緒後馬上播放。
 
controls   controls       如果出現該屬性，則向使用者顯示控制項，比如播放按鈕
 
height     pixels         設定視頻播放器的高度
 
loop       loop           如果出現該屬性，則當媒介檔案完成播放後再次開始播放。
 
preload    preload        如果出現該屬性，則視頻在頁面載入時進行載入，並預備播放。如果使用 "autoplay"，則忽略該屬性。
 
src        url            要播放的視頻的 URL
 
width      pixels         設定視頻播放器的寬度。

新標籤:

1.<article>  定義文章。定義和用法:<article> 標籤規定獨立的自包含內容。一篇文章應有其自身的意義，應該有可能獨立於網站的其餘部分對其進行分發。

<article> 元素的潛在來源：

•論壇文章
•報紙文章
•部落格條目
•使用者評論

2.<aside>    定義頁面內容之外的內容。定義和用法<:aside> 標籤定義其所處內容之外的內容。aside 的內容應該與附近的內容相關。

 
3.<audio>    定義聲音內容。定義和用法:<audio> 標籤定義聲音，比如音樂或其他音頻流。

屬性            值                描述
 
autoplay      autoplay          如果出現該屬性，則音頻在就緒後馬上播放。
 
controls      controls          如果出現該屬性，則向使用者顯示控制項，比如播放按鈕。
 
loop          loop              如果出現該屬性，則每當音頻結束時重新開始播放。
 
muted         muted             規定視頻輸出應該被靜音
。
preload       preload           如果出現該屬性，則音頻在頁面載入時進行載入，並預備播放。如果使用 "autoplay"，則忽略該屬性。
 
src           url               要播放的音訊URL.

 

4.<bdi>      定義文本的文本方向，使其脫離其周圍文本的方向設定。 定義和用法:bdi 指的是 bidi 隔離。

屬性            值                  描述

dir            ltr ;rtl; auto    可選。規定 <bdi> 元素內的文本的文本方向。預設值：auto。

<bdi> 標籤允許您設定一段文本，使其脫離其父元素的文本方向設定。在發布使用者評論或其他您無法完全控制的內容時，該標籤很有用。

5.<canvas>   定義圖形。定義和用法:<canvas> 標籤定義圖形，比表和其他映像。<canvas> 標籤只是圖形容器，您必須使用指令碼來繪製圖形。

屬性            值                  描述

height          pixels         設定 canvas 的高度
 
width           pixels         設定 canvas 的寬度。

 

6.<command>  定義命令按鈕。定義和用法:<canvas> 標籤定義圖形，比表和其他映像。<canvas> 標籤只是圖形容器，您必須使用指令碼來繪製圖形。

屬性           值                   描述
 
checked       checked             定義是否被選中。僅用於 radio 或 checkbox 類型。
 
disabled      disabled            定義 command 是否可用。
 
icon          url                 定義作為 command 來顯示的映像的 url。
 
label         text                為 command 定義可見的 label。
 
radiogroup    groupname           定義 command 所屬的組名。僅在類型為 radio 時使用。
 
type     checkbox ;command; radio   定義該 command 的類型。預設是 "command"。

 
7.<datalist> 定義下拉式清單。定義和用法:<datalist> 標籤定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。

  datalist 及其選項不會被顯示出來，它僅僅是合法的輸入值列表。請使用 input 元素的 list 屬性來綁定 datalist。

8.<command> 定義命令按鈕。定義和用法:command 元素表示使用者能夠調用的命令。<command> 標籤可以定義命令按鈕，比如選項按鈕、複選框或按鈕。

只有當 command 元素位於 menu 元素內時，該元素才是可見的。否則不會顯示這個元素，但是可以用它規定鍵盤快速鍵

屬性             值                   描述

checked         checked              定義是否被選中。僅用於 radio 或 checkbox 類型。
 
disabled        disabled             定義 command 是否可用。
 
icon            url                  定義作為 command 來顯示的映像的 url。
 
label           text                 為 command 定義可見的 label。
 
radiogroup      groupname            定義 command 所屬的組名。僅在類型為 radio 時使用。
 
type      checkbox ;command;radio    定義該 command 的類型。預設是 "command"。

9.<details>  定義元素的細節。定義和用法:<details> 標籤用於描述文檔或文檔某個部分的細節。

屬性            值                     描述
 
open           open                 定義 details 是否可見。

 

10.<dialog>   定義對話方塊或視窗。定義和用法:<dialog> 標籤定義對話方塊或視窗。

屬性           值                       描述

open            open                規定 dialog 元素是活動的，使用者可與之互動。

 

11.<embed>    定義外部互動內容或外掛程式。定義和用法:<embed> 標籤定義嵌入的內容，比如外掛程式。

屬性          值                         描述

height       pixels                 設定嵌入內容的高度。
 
src          url                    嵌入內容的 URL。
 
type         type                   定義嵌入內容的類型。
 
width        pixels                 設定嵌入內容的寬度。

 

12.<figcaption> 定義 figure 元素的標題。定義和用法:<figcaption> 標籤定義 figure 元素的標題（caption）。

"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子項目的位置。

 
13.<figure>   定義媒介內容的分組，以及它們的標題。定義和用法:<figure> 標籤規定獨立的流內容（映像、圖表、照片、代碼等等）。

figure 元素的內容應該與主內容相關，但如果被刪除，則不應對文檔流產生影響。
 

14.<footer>   定義 section 或 page 的頁尾。定義和用法:<footer> 標籤定義文檔或節的頁尾。<footer> 元素應當含有其包含元素的資訊。

頁尾通常包含文檔的作者、著作權資訊、使用規定連結、聯絡資訊等等。您可以在一個文檔中使用多個 <footer> 元素。

15.<header>   定義 section 或 page 的頁首。定義和用法:<header> 標籤定義文檔的頁首（介紹資訊）。

16.<keygen>   定義產生密鑰。定義和用法:<keygen> 標籤規定用於表單的金鑰組產生器欄位。當提交表單時，私密金鑰儲存在本地，公開金鑰發送到伺服器

屬性                    值                         描述
 
autofocus           autofocus              使 keygen 欄位在頁面載入時獲得焦點
 
challenge           challenge              如果使用，則將 keygen 的值設定為在提交時詢問。
 
disabled            disabled               禁用 keytag 欄位。
 
form                formname               定義該 keygen 欄位所屬的一個或多個表單。
 
keytype             rsa                    定義 keytype。rsa 產生 RSA 密鑰。
 
name                fieldname              定義 keygen 元素的唯一名稱。name 屬性用於在提交表單時搜集欄位的值。
 
17.<mark>     定義有記號的文本。定義和用法:<mark> 標籤定義帶有記號的文本。請在需要反白文本時使用 <m> 標籤。

18.<meter>    定義預定義範圍內的度.定義和用法：<meter> 標籤定義已知範圍或分數值內的標量測量。也被稱為 gauge（尺度）。

例子：磁碟用量、查詢結果的相關性，等等。

注釋：<meter> 標籤不應用於指示進度（在進度條中）。如果標記進度條，請使用 <progress> 標籤。

new : HTML5 中的新屬性。

屬性                值                  描述

form           form_id              規定 <meter> 元素所屬的一個或多個表單。
 
high           number               規定被視作高的值的範圍。
 
low            number               規定被視作低的值的範圍。
 
max            number               規定範圍的最大值。
 
min            number               規定範圍的最小值。
 
optimum        number               規定度量的最佳化值。
 
value          number              必需。規定度量的當前值。
 
19.<nav>      定義導航連結。

20.<output>   定義輸出的一些類型。定義和用法：<output> 標籤定義不同類型的輸出，比如指令碼的輸出。

new : HTML5 中的新屬性。

屬性             值                       描述

for           element_id             定義輸出域相關的一個或多個元素。

form          form_id                定義輸入欄位所屬的一個或多個表單。

name           name                  定義對象的唯一名稱。（表單提交時使用）

21.<progress> 定義任何類型的任務的進度。

new : HTML5 中的新屬性。

屬性             值                        描述
 
max             number             規定任務一共需要多少工作。
 
value           number             規定已經完成多少任務。

22.<rp>       定義若瀏覽器不支援 ruby 元素顯示的內容。定義和用法：<rp> 標籤在 ruby 注釋中使用，以定義不支援 ruby 元素的瀏覽器所顯示的內容。

ruby 注釋是中文注音或字元。在東亞使用，顯示的是東亞字元的發音。與 <ruby> 以及 <rt> 標籤一同使用：

ruby 元素由一個或多個字元（需要一個解釋/發音）和一個提供該資訊的 rt 元素組成，還包括可選的 rp 元素，定義當瀏覽器不支援 "ruby" 元素時顯示的內容。

 
23.<rt>       定義 ruby 注釋的解釋。定義和用法：<rt> 標籤定義字元（中文注音或字元）的解釋或發音。ruby 注釋是中文注音或字元。

在東亞使用，顯示的是東亞字元的發音。與 <ruby> 以及 <rt> 標籤一同使用：

ruby 元素由一個或多個字元（需要一個解釋/發音）和一個提供該資訊的 rt 元素組成，還包括可選的 rp 元素，定義當瀏覽器不支援 "ruby" 元素時顯示的內容。

 
24.<ruby>     定義 ruby 注釋。定義和用法：<ruby> 標籤定義 ruby 注釋（中文注音或字元）。在東亞使用，顯示的是東亞字元的發音。與 <ruby> 以及 <rt> 標籤一同使用：

ruby 元素由一個或多個字元（需要一個解釋/發音）和一個提供該資訊的 rt 元素組成，還包括可選的 rp 元素，定義當瀏覽器不支援 "ruby" 元素時顯示的內容。

25.  <section>   定義和用法:<section> 標籤定義文檔中的節（section、區段）。比如章節、頁首、頁尾或文檔中的其他部分。

 

<summary> 為 <details> 元素定義可見的標題。

<time>    定義日期/時間。

<track>   定義用在媒體播放器中的文本軌道。

<video>   定義視頻。

<wbr>    定義視頻。 定義和用法:Word Break Opportunity (<wbr>) 規定在文本中的何處適合添加分行符號。

提示：如果單詞太長，或者您擔心瀏覽器會在錯誤的位置換行，那麼您可以使用 <wbr> 元素來添加 Word Break Opportunity（單詞換行時機）。

 

 
 
 

 

 

 
 
 

 
 
 

 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 

 
 
 
 

html5新標籤