HTML5與HTML4的區別-----新增的經常使用標籤

作前端工程師這麼長時間了， 對HTML5的一些標籤的用法還不是很熟悉。這篇隨筆算是對學過的知識的梳理。常言道，溫故而知新  ~哈哈。裏面有不正確的地方還望各位大牛們指正，評論。

在作網頁時習慣把網頁分爲三個部分： 頭部，主體，尾部。

頭部通常涉及到網站的登錄狀態，提示信息等；尾部即底部，腳註部分；主體部分是網站的內容部分；

言歸正傳    以移動端爲例。。。。。。

HTML5新增的一些經常使用標籤：

主體部分經常使用的標籤：

　　section： 用於對網站或應用程序中頁面上的內容進行分塊，相似於DIV

　　article： 獨立內容，文章、博客、評論等

　　nav： 導航  （注意nav是主體標籤）

　　time：書寫與日期和時間相關內容（涉及到Data的地方）

　　　　　　　<p>我在<time datetime="2008-02-14">情人節</time>有個約會。</p>      我在情人節有個約會

　　aside： 頁面或文章的附屬信息部分，它能夠包含當前頁面或主要內容相關的引用、側邊欄、廣告，以及其餘相似的用別於主要內容的部分（別於主要內容部分）

　　small：  標籤訂義小型文本（和旁註） （HTML4的標籤 ）

　　新增屬性：

　　　　pubdate：可選屬性，boolean值的屬性，它能夠應用到 article 元素內的time元素上，用來定義一篇文章或整個網頁的發佈日期

　　　　　　　　<article>  <time pubdate="true"></time>  </artile>

新增非主體標籤

　　header ： 頭部

　　footer： 底部，腳註部分

　　address：  用來文檔中呈現聯繫信息，包括文檔做者或文檔維護者的名字，他們的網站連接、電子郵箱、真實姓名、電話號碼等。

　　　　　　（呈現聯繫信息，定義我的信息）

　　hgroup： （header-group） 對多標題及其子標題分組      （通常用於文章中標題處：大標題-副標題-小標題）

 

========對於新增的塊級元素，IE8是不識別的，自動轉化爲 div======