logo
HTML

语义化标签的理解及其重要性

Updated Apr 3, 2026

面试回答

考察点:SEO、可访问性(Accessibility)、代码可维护性


在我看来,HTML 语义化不仅仅是用对标签,更是一种‘让机器读懂人类内容’的思维。比如,我会优先使用 <header><nav><article><section><footer> 这些标签,而不是全部堆砌 <div>

这样做主要有三个好处:

第一,对 SEO 友好。搜索引擎的爬虫能更准确地理解页面结构,知道哪里是主要内容,哪里是导航,从而提升权重。

第二,提升可访问性(A11y)。对于使用屏幕阅读器的视障用户来说,语义化标签能让他们快速跳转和理解页面布局,这是大厂非常看重的社会责任和技术规范。

第三,便于团队协作和维护。看到 <aside> 我就知道这是侧边栏或辅助信息,比看一堆 class 名为 sidebar-wrapper 的 div 要直观得多,降低了后续维护的成本。