页面只能有一个h1,它是主语义锚点和内容主题起点,必须准确表达核心意图并逐级嵌套,禁止跳级或倒序,动态生成需限制层级1–6,样式与语义须分离。

是页面唯一的主语义锚点,不是“最大字号”,而是整页内容的主题起点。它必须准确表达当前页核心意图,比如“订单确认”或“React useEffect 陷阱解析”,而不是通用网站名或欢迎语。
到不是视觉分级工具,而是父子关系信号链:每个都应是的直接子模块,每个都应隶属于某个,依此类推。跳级(如后直接)或倒序(如出现在前)会切断这个信号链,导致屏幕阅读器“掉层”、Lighthouse报错、AI摘要漏内容。
不是视觉分级工具,而是父子关系信号链:每个都应是的直接子模块,每个都应隶属于某个,依此类推。跳级(如后直接)或倒序(如出现在前)会切断这个信号链,导致屏幕阅读器“掉层”、Lighthouse报错、AI摘要漏内容。
的直接子模块,每个都应隶属于某个,依此类推。跳级(如后直接)或倒序(如出现在前)会切断这个信号链,导致屏幕阅读器“掉层”、Lighthouse报错、AI摘要漏内容。
,依此类推。跳级(如后直接)或倒序(如出现在前)会切断这个信号链,导致屏幕阅读器“掉层”、Lighthouse报错、AI摘要漏内容。
)或倒序(如出现在前)会切断这个信号链,导致屏幕阅读器“掉层”、Lighthouse报错、AI摘要漏内容。
前)会切断这个信号链,导致屏幕阅读器“掉层”、Lighthouse报错、AI摘要漏内容。
一个页面只能有一个
- 多个
会让搜索引擎和读屏器无法识别主次,常见于模板中硬编码页眉
又在正文加一个
- SPA路由切换时,
文本必须同步更新,不能靠CSS隐藏/显示来模拟
- SSR首屏HTML里必须包含有效
,不能等JS注入
–
必须逐级嵌套,不可跳级
- 允许:
→
→
→
→
→
(同级可重复,子级须有父级)
- 禁止:
→
(缺
)、
→
(缺
)、
→
(倒序)
- 富文本编辑器输出的####若前面没###,需在渲染层自动补逻辑占位,否则结构断裂
动态生成标题要防数值越界
数字服务代理公司网站HTML5模板是一款适合提供用户界面设计、SEO优化、应用程序开发、内容营销等方面服务的公司宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
- React/Vue 中用
<h></h>时,level必须限制在1–6之间:-
const Tag = \h\${Math.min(Math.max(level, 1), 6)}`` - 字符串、null、undefined、0、7等非法值必须fallback,否则输出
或
-
- 服务端必须确定level,客户端JS计算不可信(爬虫看不到)
样式与语义要分开处理
- 可用CSS把
设得比
还大,只要DOM结构正确,机器仍能读对层级
- 建议项目起步重置默认样式:
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; line-height: 1.2; } - 别用
<div class="h3">模拟标题——语义为零,无障碍和SEO全失效 <p>不复杂但容易忽略。</p> </div>










