正确使用HTML语义化标签能提升可访问性、SEO和维护性，应根据内容类型选用header、nav、main等标签，避免用div或span替代；标题需保持h1到h6的逻辑层级，h1唯一且不跳级；strong和em用于表达重要性与语气强调，样式需求应由CSS实现；表格仅用于二维数据，布局用Flexbox或Grid，列表内容使用ul或ol。
HTML语义化错误会影响网页的可访问性、SEO效果以及代码维护性。识别并避免这些错误，关键在于理解标签的真实含义，而不是仅根据视觉表现选择标签。
误用 div 和 span 替代语义化标签
很多开发者习惯用 标题标签应体现内容的逻辑结构，而非仅仅调整字体大小。 和 表达语气强调，不应当作加粗或斜体样式使用。 立即学习“前端免费学习笔记（深入）”； 用表格布局页面结构或用 div 模拟列表都是典型语义错误。 基本上就这些。坚持“内容决定标签”，结合辅助工具审查结构，就能有效避免大多数语义化错误。不复杂但容易忽略。 或 搭建页面结构，忽视了 HTML 提供的语义化元素。
而不是
标题层级混乱
滥用 strong 和 em 标签
表格和列表使用不当
排列表单字段或产品卡片
或
