H5新元素

H5新元素

1.article元素(標籤)

　　用於定義一個獨立的內容區塊，例如一篇文章，一篇部落格等。

　　article元素內可以嵌套其他元素，它可以有自己的頭、尾、主體等內容，是用時要特別注意內容的獨立性一般獨立完整的內容才使用article元素，如果只是一段內容的話應該是用section元素。

2.section元素

　　用於定義文章中的章節(通常應該有標題和段落內容)

　　用來定義文檔中特定的內容區塊，可視為一個區域分組元素，用來給頁面上的內容分塊。

　　section元素可以定義文檔的主體內容

　　用一句話來概括它的作用就是給內容分段，給頁面分區

　　注意它與div的區別，div強調在形式上的獨立性，section是內容上的獨立性，注意它的語意。

3.article元素和section元素的區別

　　語義不同

　　　　　article元素更強調內容的獨立性

〜　〜　　〟〜性元素更強調的元素關聯性元素關聯獨立完整的內容，section元素頁面內容分塊

　　相同點

　　　　本質上都是帶有語意的div塊元素

　　　　分別可以看做

和

side

　　用於定義article元素之外的內容，前提是這些內容與article元素內的內容相關

　　同時也可嵌套在article元素內部使用，作為主要內容的附屬信息，比如與內容有關的參考資料，名詞解釋等

5.nav元素

　　用來定義目錄、導覽列、超連結

　　並非所有的超連結都放在nav元素中，通常只把一個文件中的主導覽列放在nav中

〟　　在文章頁中，nav也可以用來給一個文字做一個目錄的超連結

6.time元素

　　微格式的概念

　　　　HTML5中的微格式，是一種利用HTML5中的新標籤添加網頁中的新標籤對網頁添加附加資訊的格式方法，附加資訊例如新聞事件的發生的日期和時間，文章的發佈日期等

　　　　HTML5中的微格式是為了簡化瀏覽器對資料的提取，方便搜尋引擎的搜尋

　　新增的元素

　　　　time元素代表24小時中的某個時刻或某個日期，表示時刻允許出現時差。它可以定義很多格式的日期和時間

　　　　datetime屬性代表中日期和時間之間要用「T」文字分隔，「T」表示時間，請注意倒數第二行，時間加上Z文字表示給機器編碼時使用UTC標準時間，表示向機器編碼另一個地區時間，如果是編碼本地時間，則不需要添加時差。

　　　　pubdate屬性是個可選標籤，加上它搜尋引擎/瀏覽器就可以很方便的識別出那個日期是文章、新聞的發表日期

7.time元素範例

　　

7.time元素範例

　　

2015日月

　　

2015年10月12日晚上8點

　　2015年10月12日晚上8點

205年〜〜〟7年元素　　通常用來將標題分組，通常放在header中，但是並非強制要求，也不是絕對的

9.address元素　　通常用來說明坐著的聯繫信息，例如名字、E-mail、電話、地址等

　　address元素中的內容會以斜體顯示10.新版面的優點

　　1.更注重於內容而不是形式

　　2.對人的友好：更加的語義化，高度的描述性，直觀，增加了程式碼的可讀性。

　　3.對電腦的友善：瀏覽器更容易解析，搜尋引擎更容易抓取文件的內容

　　4.程式碼更加的簡潔

11.figure元素

　㟎

11.figure元素

　㟀　元素

　　figure元素是一個媒體組合元素，也就是對其他的媒體元素進行組合，例如：圖像、圖標等等

12.figcaptio元素

　　用來給

元素定義標題

. src屬性：音訊位址

　　loop屬性：是否重複播放

　　autoplay屬性：是否自動播放

　　controls屬性：新增控制

　〜『器不支援

 

第二種

你的瀏覽器不支援