为什么要编写语义化HTML

课后整理 2021-1-7

下面简单介绍使用语义化HTML 最重要的几个原因。

无障碍访问指的是让内容对所有用户可用,不论其能力如何。

任何带有浏览器的设备都可以显示HTML,因为它只是文本。然而,用户获取内容的方式可能不同。例如,视力正常的人可以直接查看内容,而视力受损的用户则需要放大页面,调大字号,或者使用屏幕阅读器(可以将内容朗读出来)。

有时,屏幕阅读器会将内容周围的HTML元素的类型读出来,让用户了解上下文。例如,对于列表,在读出列表每个条目之前,屏幕阅读器会首先告诉用户这里有一个列表。类似地,对于链接,屏幕阅读器会告诉用户这里有一个链接,方便其决定是否点击这个链接。

屏幕阅读器用户能够以多种方式浏览网页。例如,通过键盘按键从一个标题跳到下一个标题。这样,他们可以先了解一个页面的关键主题有哪些,再去听他们感兴趣的内容,而不必把整个页面从头到尾听下来。

由此可见,对残障人士来说,好的语义产生很大的差别。

SEO的效果也会得到改善,也就是说网页在搜索引擎中的排名会靠前,因为搜索引擎对用特殊方式标记的内容会赋予更高的权重。

例如,标题告诉搜索引擎爬虫页面的主要主题,帮助浏览器对页面目录进行索引(index)。

好的语义能使代码更有效、更易于维护和添加样式。借助CSS,我们可以轻松统一特定元素的样式,例如,让所有的段落显示为深灰色,并使用Georgia 字体。

如果将某些段落标记为p元素,某些标记为其他元素,那么就要在CSS 中同时为这两种元素设定样式,这就添加了不必要的复杂性。

这样做也会让维护HTML 变得困难。好的语义可以让网页变得统一和“干净”。这样做还会使文件尺寸变小,从而浏览器加载网页的速度变得更快。