前端學習筆記 - 對H5新增的語義化标簽的了解？

傳回目錄

對H5新增的語義化标簽的了解

1、新增的語義化标簽有

• header
• nav
• footer
• section
• artice
• aside
• ……

2、了解

語義化标簽和無語義化div一樣，都是表示一個空的容器，但是語義化标簽通常都代表一個語義的内容塊，如頭部、導航、腳部、文章、段落、側邊欄……

在頁面布局中經常使用DIV+CSS的方式，如果要表示一塊的内容為導航，通常都是這樣寫的：<div id="nav"></div>

其它的例如頭部、腳部...都是類似的表達方式

語義化标簽要表示一個導航内容塊，可以這樣寫：<nav></nav>，友善開發者使用
           

3、語義化标簽布局