什么是html语义化?

官方解释:html语义化是指用合理的html标记以及其特有的属性去格式化文档内容。
通俗的讲:就是用合理、正确的标签来展示内容。(标签指一种标记方式,如<title>,表示标题信息;也可以理解为人体骨架的某一块骨头,专属名称叫什么)。

为什么需要语义化?

  1. 易读,易书写,易理解(多数情况,标签英文翻译的含义就是其功能含义);
  2. 利于SEO搜索:语义化可以和搜索引擎建立良好的联系,有利于爬虫抓取有效信息;因为爬虫依赖于语义化标签来确定上下文和各个关键字的权重。
  3. 易于跨设备解析,进而完成渲染网页(如屏幕阅读器、盲人阅读器、移动设备);
  4. 利于规范化:方便团队开发和维护,也遵循W3C规范。

h5新增标签

  1. 结构化标签:
    <header>:头部标签 ;<nav>:导航标签 ;<article>:内容标签 ;<section>:定义文档某个区域; <aside>:侧边栏标签 ;<footer>:尾部标签;
  2. 多媒体标签:
    *音频标签:audio; <video src="文件地址" controls="controls"></video>
    *视频标签:video;<video src="文件地址" controls="controls"></video>