HTML 是网页的骨架。用好 HTML 语义化标签，比你想象的要重要得多。

什么是语义化

语义化指的是用有意义的标签来描述内容的结构，而不是单纯用 div 和 span 来布局。

HTML5 引入了 header、nav、main、article、section、aside、footer 等语义化标签。

为什么要语义化

1. 无障碍访问 — 屏幕阅读器依赖语义化标签理解页面结构
2. SEO 优化 — 语义清晰的页面更容易被搜索引擎正确索引
3. 代码可维护性 — 语义化标签本身就是文档

实践建议

遵循一个简单的原则：先语义、后样式。先用最合适的标签构建结构，再用 CSS 实现视觉呈现。