语义化标签与标题层级Semantic HTML
你可能会说
SEO 检查说我页面缺少 H1，什么意思？
用有含义的 HTML 标签标明这段内容在文档里的角色，例如标题、列表、导航制作网页时，具有明确含义的 HTML 标签负责标明内容在文档中的结构角色，例如用标题标签组织章节、nav 表示导航、ul 表示列表。屏幕阅读器可以按标题浏览页面；字号只是外观，不会代替结构。HTML 允许一个页面有多个 H1；标题级别应反映内容从属关系，层级清楚会更容易浏览。
先知道
也常被叫作语义化标签Semantic HTML标题层级
页面的标题层级：点一段看它是什么标签
example.com
H1小狸的摄影主页
页面主要内容标题
- 大纲按标签读，不按字号读
- 标题级别表达内容从属；不必要的跳级会让大纲更难读
字号最大不等于层级最高：标题标签表达结构，视觉大小只是样式。
标题层级为什么有顺序
H1 的数量要看页面内容：HTML 允许多个 H1；检查每个 H1 是否标记一组独立的主要内容，不要只按数量决定删改。
层级按顺序递进：H1→H2→H3 可表达逐层从属；不必要地跳过层级会让大纲更难理解，但它本身不是 HTML 语法错误。
机器和人都读它：屏幕阅读器可按标题浏览内容；字号大小只影响外观，不能代替标题结构。
你可以这样告诉 AI Agent
请按页面内容检查标题结构。不要仅凭多个 H1 就判错；确认各级标题能表达清楚的从属关系，再用大纲视图核对结构，并告诉我每个标题对应哪一节。
接下来学什么
延伸阅读 · 权威出处
快速练习