HTML5 新增语义化标签及优点

927 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

HTML5 新增语义化标签

  • IE8不兼容HTML5标签的。解决方案:可以通过html5shiv.js去处理。
标签用法
header头部标签
nav导航标签
article内容标签
section块级标签
aside侧边栏标签
footer尾部标签
  1. 使用语义化标签需要注意:
    • 语义化标签主要针对搜索引擎。
    • 新标签可以使用一次或者多次。
    • 在 IE9 浏览器中,需要把语义化标签都转换为块级元素。
    • 语义化标签,在移动端支持比较友好。

语义化标签的优点

  • HTML结构清晰,易读性和维护性更好。
  • 代码可读性好
  • 无障碍阅读更友好,对于读屏器等设备,能够播报的更流畅准确。
  • 搜索引擎可根据标签的语言确定上下文和权重问题。更利于SEO优化,语义化标签能够提升页面质量,有利于爬虫爬取页面时获取更多的有效信息。
  • 移动设备能更完美的展示页面
  • 便于团队维护开发