夯实基础(一):语义化标签

54 阅读1分钟

语义化标签

什么是 “语义化”?

语义化就是使“语(符号)”能代表更具体的“含义”,便于人类或程序的理解。

语义化标签的作用

  1. 方便人类阅读代码
  2. 方便程序阅读代码(PS: 程序最终也是服务于人类的)

程序阅读代码:

a. 爬虫:在 HTML5 之前,爬虫更依赖于 页面结构、规则匹配和 DOM 解析

image.png

在 HTML5 之后,越来越多的爬虫技术转向基于语义化标签的高效解析,如爬虫直接爬取 <h1> 内容作为搜索结果的标题、直接爬取 <article> 内的内容作为搜索结果的内容。

我们一直在做的 SEO 优化,其实就是让爬虫更方便的获取数据。

b. 无障碍阅读:无障碍阅读泛指一切方便人类阅读的手段,如:字体太小对视力不好的人有阅读障碍,可以通过允许修改字体大小来解决;无法聚焦内容对阅读的障碍,可以通过在阅读段落的周围加上黑框等。

image.png

语言化标签对无障碍阅读技术也起到了推波助澜的作用,它使无障碍阅读器能更好的理解页面结构及含义,这样无障碍阅读器就可以根据结构决定朗读顺序,提升障碍人群获取信息的效率。语义化标签在一定程度上降低了开发人员对无障碍阅读编码的门槛(无需写额外的 ARIA - 无障碍 | MDN 代码)