天天看點

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

傳回目錄

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

1、新增的語義化标簽有

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

2、了解

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

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

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

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

3、語義化标簽布局

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