正确使用H1到H6标签能提升网页的SEO与可访问性。每个页面应仅使用一个H1，作为主标题，如文章标题或网站名称，确保内容主题明确。H2至H6需按层级依次使用，H2表示主要章节，H3为子章节，避免跳级破坏结构。标题应反映内容逻辑而非视觉样式，禁止为字体大小滥用H标签，样式应由CSS控制。标题需简洁准确，不可堆砌关键词。良好的标题结构有助于屏幕阅读器用户快速导航，提升可访问性，建议用工具检查大纲连贯性，构建清晰信息架构。
在网页设计中，标题不仅影响内容的层次结构，还对SEO和可访问性有重要作用。正确使用H1到H6标签，能让页面更清晰、更易读。
每个页面只用一个H1
strong>H1是页面最重要的标题，代表整个页面的主题。strong>通常对应网页的主标题，比如文章标题或页面名称。一个页面应该只有一个H1，这样搜索引擎和屏幕阅读器才能准确理解页面核心内容。
- 首页的H1可以是网站名称或当前栏目的名称
- 文章页的H1通常是文章标题
- 不要把多个标题都设为H1，这会削弱语义结构
按层级使用H2到H6
标题应像文档大纲一样逐级展开。H2用于主要章节，H3用于子章节，依此类推。strong>跳级使用（如H2后直接用H4）会破坏结构，影响可读性和SEO。strong>
- H2：文章中的大章节，如“引言”、“方法”、“结论”
- H3：H2下的细分内容，如“数据收集”、“实验步骤”
- H4到H6：更细的分组，一般较少使用，视内容复杂度而定
保持语义化，避免仅为了样式使用标题标签
有些人为了字体大就把普通文字套上H标签，这是错误做法。strong>标题标签应反映内容逻辑，而不是视觉效果。strong>样式应通过CSS控制。
- 想让文字大但不是标题？用span或div配合CSS字体大小设置
- 标题内容要简洁明确，能概括其下方段落的核心
- 避免在H标签里堆砌关键词，不利于用户体验
辅助技术依赖标题结构
视障用户常通过屏幕阅读器快速跳转标题来浏览页面。strong>合理的标题层级能提升可访问性，让所有人更高效获取信息。strong>
- 确保标题顺序合理，不跳跃
- 避免空标题或纯符号的标题
- 可用工具检查页面大纲是否连贯
基本上就这些。用好H1到H6，不只是为了让字变大，而是构建清晰的信息架构。不复杂但容易忽略。
