面试题：什么是 HTML 语义化？对 SEO 和无障碍有什么帮助？

语义化

用恰当的标签表达内容结构，而不是通篇 <div> / <span>：如 nav、main、article、section、header、footer、aside、h1–h6、ul/ol、figure 等。

好处

1. SEO：爬虫更易理解页面结构与重点内容。
2. 无障碍（a11y）：读屏软件依赖标题层级、地标角色、列表语义导航。
3. 可维护性：团队读模板更快理解区块职责。

常见考点

• 标题应连续降级，勿跳级滥用 h1。
• 交互元素：需要点击/提交的用 button / a href，避免 div + click 冒充按钮（键盘与焦点不可达）。
• alt：装饰图可空字符串；信息图需描述。
• label 与 for：关联表单控件，扩大可点区域。