天天看点

前端学习笔记 - 对H5新增的语义化标签的理解?

返回目录

对H5新增的语义化标签的理解

1、新增的语义化标签有

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

2、理解

语义化标签和无语义化div一样,都是表示一个空的容器,但是语义化标签通常都代表一个语义的内容块,如头部、导航、脚部、文章、段落、侧边栏……

在页面布局中经常使用DIV+CSS的方式,如果要表示一块的内容为导航,通常都是这样写的:<div id="nav"></div>

其它的例如头部、脚部...都是类似的表达方式

语义化标签要表示一个导航内容块,可以这样写:<nav></nav>,方便开发者使用
           

3、语义化标签布局

前端学习笔记 - 对H5新增的语义化标签的理解?