H5语义化标签

HTML5的新特性#

HTML5的新增特性主要是针对于以前的不足，增加了一些 新的标签、新的表单、和新的表单属性 等。

这些特性都有 兼容性问题 ，基本是IE9+以上版本的浏览器才支持，若不考虑兼容性问题，可以大量使用这些新特性。

HTML5新增的语义化标签#

传统布局使用div来做，div对于搜索引擎来说，是没有语义的。

新增了一些标签#

• <header>:头部标签
• <nav>:导航标签
• <article>:内容标签
• <section>:定义文档某个区域
• <aside>:侧边栏标签
• <footer>:尾部标签

测试#

头部标签

导航栏标签

内容标签

文档区域

侧边栏标签

尾部标签

注意#

• 这种语义化标准主要是针对于 搜索引擎 的
• 这些新标签页面中可以使用多次
• 在IE9中，需要把这些元素转换为 块级元素
• 移动端更常用这些标签