今天先介紹下 html5 新增的結構元素，有的經常使用到，有的用不上，雖然說它們的出現是更促進頁面更有語義，更好的 seo，但其實當頁面禁用樣式后，它們的展現跟 div 是沒撒差別，有同學可能會說，既然一樣，又不影響頁面的最終展現，不管是 article 還是 section 能用就好了。如果考慮實際項目的針對用戶，我也是這么認為的，但作為一個重構仔，我們還是得專業點，再考慮到無障礙這塊，那么 html5 標簽的作用就更明顯了。于是復習下內容并記錄在博客上，順便分享給大家，也方便自己以后查找。

HTML5 新增結構元素分為主體結構元素和非主體結構元素

1.主體結構元素包括 article、section、nav、aside、time
2.非主體結構元素包括 header、hgroup、footer、address
一、主體結構元素
article
article 標簽，從語義化上看為文檔、頁面，其用法如下：

通常是一篇文章、一個頁面、一個獨立完整的內容模塊
一般會帶個標題，并放在 header 標簽中
article 元素可以互相嵌套
使用頻率極高，強調獨立性，多注意下與 header 標簽的使用。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表