误用div和span、标题层级混乱、滥用strong与em、列表使用不当是常见HTML语义化错误。应优先使用header、nav、article等语义标签;保持h1至h6逻辑递进;按语义选用strong、em、b、i;列表用于结构化内容,避免为样式滥用标签。坚持内容决定标签,借助Lighthouse等工具检测,提升可访问性、SEO与维护性。

HTML语义化错误会降低网页的可访问性、影响SEO效果,并让代码难以维护。要避免这些问题,关键在于理解标签的真实含义,而不是仅根据视觉表现来选择标签。下面列举常见的语义化使用错误及对应的避免方法。
误用div和span代替语义化标签
很多开发者习惯用
- 用代替
——应使用 表示页眉 - 用










