什么是HTML语义化,有什么好处?

76 阅读1分钟

HTML 语义化就是让页面的内容结构化,便于对浏览器 、搜索引擎解析。

用正确的标签做正确的事情,语义类标签是对内容的补充,表达标题摘要、文章结构、强调重点、丰富含义、避免歧义。

HTML 语义化的好处:
  • HTML 语义化不是一定要执行的标准
  • 利用无语义标签,如<div>和<span>可以满足大部分开发需求
  • 可读性,可访问性和 SEO,使用语义化标签不是必须的
  • 部分语义化标签存在兼容性问题,如 <button> 的默认 type不总为 submit
  • 滥用列表标签,会增加不必要的嵌套,增加额外的 CSS Reset 的样式。
  • 在没有样式 CSS 情况下也以一种文档格式显示,使阅读源代码的人更容易将网站分块,便于阅读维护理解。
  • 增强可读性,便于开发和维护
  • 增强可访问性,便于屏幕阅读器定位和朗读
  • 增强结构清晰度,利于 SEO

HTML 语义化以外,良好的命名,简明扁平的结构,良好的无障碍设计,清晰的导航和分区,一定程度上,也能弥补语义的欠缺,提升代码的机器阅读体验,搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,提高索引权重。

在这里插入图片描述