1.HTML语义化标签:
语义化标签,就是让标签有语义的含义,让浏览器或搜索引擎直观的认识这个标签所传达的信息,是干什么的有什么作用。
过去采用的DIV+CSS的方式布局的页面,让DIV标签没有独特意义,就会让文档结构不清晰,也不会利于浏览器对页面的读取。所以HTML5 新增的很多语义化标签,使文档更具可读性,页面结构更清晰。
2.常用的语义化标签:
<header></header>:头部标签
<nav></nav>:导航栏
<section></section>:区块
<aside></aside>:侧边栏
<footer></footer>:底部标签
3.语义化标签的优点:
①在去掉CSS样式时,也能合理的展示出来页面的结构。它的优点就在于能更好的读取页面结构,也利于开发和维护。
②代码结构清晰,可读性高,便于团队开发和修改。
③对搜索引擎良好,良好的语义和结构,有助于爬虫获取更多有效的信息。