HTML5 新標簽總匯

2010-12-16 20:44??聶微東? 閱讀(5060)? 評論(8)??編輯??收藏

HTML5新標簽總匯： ? 有問題歡迎指出,有關于CSS3方面的知識點較多,下周一前整理出來.

?

<article> 標簽定義外部的內容（外部內容如blog,news）。　　　　　　使用后感覺和P差不多，語義化的標簽。

<aside> 標簽定義article以外的內容（可用做文章的側欄）.?　　　　　　語義化的標簽。

<audio>標簽定義音樂。　　　　　　　　　　　　　　　　　　　　　　支持三種格式,ogg,mp3,wav。 Safari僅支持MP3 and WAV 兩種格式.

<canvas>使用JavaScript在網頁上繪制圖形圖像。　　　　　　　　　　學好算法JS無所不能. （瀏覽器說：鴨梨很大）.

<command> 定義按鈕用的.??　　　　　　　　　　　　　　　　　　　　說實話,沒用明白。

<datalist> 定義選項列表.???　　　　　　　　　　　　　　　　　　　　又是一個不知道咋用的標簽。

<details>? 用于描述某個文檔部分的內容。??　　　　　　　　　　　　　　語義化的標簽。

<summary> 定義<details>元素標題。?　　　　　　　　　　　　　　　　語義化的標簽。

<embed>定義嵌入的內容（如插件）。?　　　　　　　　　　　　　　　　必須有一個src的屬性，值是URL。可以是圖片，swf etc.

<figure> 對元素進行組合. ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 語義化的標簽。

<figcaption> 定義figure的標題. ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 語義化的標簽.

<footer>定義頁腳。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 語義化的標簽。

<header>定義頁眉。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 語義化的標簽。

<hgroup>對網頁或區段(section)的標題進行組合。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? 語義化的標簽。

<keygen> 定義密鑰. ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?沒用明白。

<mark>定義帶有記號的文本。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?突出顯示用的，會有個背景色。

<meter> 定義度量衡，用于已知最大和最小值的度量。????????????????????????不懂，在chrome下顯示的是圖像,在firefox和safari下顯示的是<meter>標簽內的文本.

<nav>定義導航。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?語義化的標簽。

<output> 定義輸出類型。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 應是和表單一塊用的。

<progress>定義運行中的進度。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?進度條效果.

<rupy><rp><rt> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 定義ruby注釋。

<section>定義文檔中的區段。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?語義化的標簽,自認為是<div>的替代品.

<source>? 定義媒介源（如<video>和<audio>）. ? ? ? ? ? ? ? ? ? ? ? ? ? 定義媒介資源的類型,讓瀏覽器決定是否下載.

<time> 定義時間。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 語義化的標簽。

<video>?定義視頻。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?IE9和Safari支持MP4，其他主流瀏覽器支持Ogg。

?

?

具體HTML5的標準屬性請參閱

http://www.w3school.com.cn/html5/index.asp

http://dev.w3.org/cvsweb/html5/

http://zh.wikipedia.org/zh-cn/HTML_5

總結

以上是生活随笔為你收集整理的HTML5 新标签总汇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。