语义化标签与标题层级Semantic HTML

你可能会说

SEO 检查说我页面缺少 H1，什么意思？

用有含义的 HTML 标签标明这段内容在文档里的角色，例如标题、列表、导航制作网页时，具有明确含义的 HTML 标签负责标明内容在文档中的结构角色，例如用标题标签组织章节、nav 表示导航、ul 表示列表。屏幕阅读器可以按标题浏览页面；字号只是外观，不会代替结构。HTML 允许一个页面有多个 H1；标题级别应反映内容从属关系，层级清楚会更容易浏览。

先知道

HTML

也常被叫作语义化标签Semantic HTML标题层级

页面的标题层级：点一段看它是什么标签

example.com

H1小狸的摄影主页

页面主要内容标题

大纲按标签读，不按字号读
标题级别表达内容从属；不必要的跳级会让大纲更难读

字号最大不等于层级最高：标题标签表达结构，视觉大小只是样式。

标题层级为什么有顺序

H1 的数量要看页面内容：HTML 允许多个 H1；检查每个 H1 是否标记一组独立的主要内容，不要只按数量决定删改。

层级按顺序递进：H1→H2→H3 可表达逐层从属；不必要地跳过层级会让大纲更难理解，但它本身不是 HTML 语法错误。

机器和人都读它：屏幕阅读器可按标题浏览内容；字号大小只影响外观，不能代替标题结构。

选择题选择一个你认为最合适的答案

一个页面出现两个 H1，应该马上删掉一个吗？

不能只凭数量判错；检查它们代表的内容和标题层级是否清楚只要字号大小看起来对，用哪个标签都行把 H1 用在字号最大的任何文字上

你可以这样告诉 AI Agent

请按页面内容检查标题结构。不要仅凭多个 H1 就判错；确认各级标题能表达清楚的从属关系，再用大纲视图核对结构，并告诉我每个标题对应哪一节。

接下来学什么

1SEO→2无障碍Accessibility→3HTML→