HTML 语义化

用正确的 HTML 元素表达内容结构，让浏览器、搜索引擎和辅助技术都能理解页面。

核心说明

HTML 语义化是用元素本身表达内容角色，而不是用一堆 div 再靠 class 猜测含义。标题、导航、主内容、列表、按钮和表单控件都应该尽量使用与职责匹配的原生元素。

关键点

• 语义元素会给浏览器、搜索引擎和辅助技术提供结构信息。
• 按钮用于触发动作，链接用于导航，不要只因为外观相似就混用。
• 先写正确的文档结构，再用 CSS 调整视觉，不要用 CSS 代替 HTML 语义。

<main>
  <article>
    <h1>文章标题</h1>
    <p>正文内容。</p>
  </article>
</main>