HTML 语义化就是让页面的内容结构化,便于对浏览器 、搜索引擎解析。
用正确的标签做正确的事情,语义类标签是对内容的补充,表达标题摘要、文章结构、强调重点、丰富含义、避免歧义。
HTML 语义化的好处:
- HTML 语义化不是一定要执行的标准
- 利用无语义标签,如
<div>和<span>
可以满足大部分开发需求 - 可读性,可访问性和
SEO
,使用语义化标签不是必须的 - 部分语义化标签存在兼容性问题,如
<button>
的默认type
不总为submit
等 - 滥用列表标签,会增加不必要的嵌套,增加额外的
CSS Reset
的样式。 - 在没有样式
CSS
情况下也以一种文档格式显示,使阅读源代码的人更容易将网站分块,便于阅读维护理解。 - 增强可读性,便于开发和维护
- 增强可访问性,便于屏幕阅读器定位和朗读
- 增强结构清晰度,利于
SEO
HTML 语义化以外,良好的命名,简明扁平的结构,良好的无障碍设计,清晰的导航和分区,一定程度上,也能弥补语义的欠缺,提升代码的机器阅读体验,搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,提高索引权重。