2022-09-19HTML00
请注意,本文编写于 580 天前,最后修改于 580 天前,其中某些信息可能已经过时。

简述一下你对 HTML 语义化的理解?

相关知识点:

 (1) 用正确的标签做正确的事情。
 (2) html 语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;
 (3) 即使在没有样式 CSS 情况下也以一种文档格式显示,并且是容易阅读的;
 (4) 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重,利于 SEO ;
 (5) 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

回答:

 我认为 html 语义化主要指的是我们应该使用合适的标签来划分网页内容的结构。html 的本质作用其实就是定义网页文档的结构,
 一个语义化的文档,能够使页面的结构更加清晰,易于理解。这样不仅有利于开发者的维护和理解,同时也能够使机器对文档内容进
 行正确的解读。比如说我们常用的 b 标签和 strong 标签,它们在样式上都是文字的加粗,但是 strong 标签拥有强调的语义。
 对于一般显示来说,可能我们看上去没有差异,但是对于机器来说,就会有很大的不同。如果用户使用的是屏幕阅读器来访问网页的
 话,使用 strong 标签就会有明显的语调上的变化,而 b 标签则没有。如果是搜索引擎的爬虫对我们网页进行分析的话,那么它会
 依赖于 html 标签来确定上下文和各个关键字的权重,一个语义化的文档对爬虫来说是友好的,是有利于爬虫对文档内容解读的,
 从而有利于我们网站的 SEO 。从 html5 我们可以看出,标准是倾向于以语义化的方式来构建网页的,比如新增了 header 、fo
 oter 这些语义标签,删除了 big 、font 这些没有语义的标签。

详细资料可以参考: 《语义化的 HTML 结构到底有什么好处?》 《如何理解 Web 语义化?》 《我的 HTML 会说话——从实用出发,谈谈 HTML 的语义化》

本文作者:前端小毛

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!