语义化标签：机器也读得懂

用对标签（header/main/article/footer），机器和辅助技术才读得懂结构，SEO 与无障碍双赢。

示例代码

<header><nav><a href="/">首页</a></nav></header>
<main>
  <article>
    <h1>标题</h1>
    <section><h2>小节</h2><p>正文</p></section>
  </article>
</main>
<footer>页脚</footer>

要点速览

• 别全用 div，h1~h6 体现层级。
• nav/main/aside 给页面分区语义。
• 语义化后屏幕阅读器能正确导航。

语义化标签是给机器读的地图：结构清晰，人和搜索引擎都受益。