语义化
定义使用具有含义的 HTML 标签描述内容结构与角色，而非一律用 div 堆砌
语义化是「用对的标签做对的事」：导航用 nav、页眉用 header、正文用 article、区块用 section、强调用 strong。浏览器、搜索引擎、屏幕阅读器都能从中读懂页面结构，可访问性与 SEO 直接受益。
判断标准很简单：把 CSS 全部去掉，页面读起来仍然应该是一篇结构清晰的大纲。div/span 无语义，只应在没有合适语义标签时做纯容器。
- 一个页面只用一个 h1，标题层级不跳级；
- 表单控件必须配 label，图片必须有 alt；
- header/footer/aside/nav 都是 landmarks，辅助技术可快速跳转。
HTML
<!-- 语义化结构 --> <header><nav>…</nav></header> <main> <article> <h1>文章标题</h1> <section><h2>小节</h2><p>…</p></section> </article> <aside>相关推荐</aside> </main> <footer>© 2026</footer>
⚠ 常见误区
- 别为了「好看」用 h1~h6 控制字号，那是 CSS 的活
- button 和 a 的分工：按钮触发行为，链接跳转位置
- 表格就该用 table，别用 div 模拟