HTML 负责描述网页的内容和结构。写页面时先考虑内容之间的关系,再选择合适的标签。

常用语义化标签

  • header:页面或区域的头部。
  • nav:主要导航链接。
  • main:页面的主要内容,一个页面通常只有一个。
  • section:具有独立主题的一组内容。
  • article:可以单独阅读或复用的内容。
  • footer:页面或区域的底部信息。
HTML
<article>
  <header>
    <h2>文章标题</h2>
    <time datetime="2026-08-08">2026-08-08</time>
  </header>
  <p>文章正文。</p>
</article>

标题应该按层级排列,不要只为了字体大小跳过层级。图片需要填写有意义的 alt,纯装饰图片可以使用空的 alt。