标题

标题结构用于网页上,将页面上的信息组织成大纲格式. 辅助技术, 比如屏幕阅读器, 一些浏览器提供了这些标题的列表,以便用户可以跳转到他们选择的主题. 标题通过标记内容和表明它们彼此的相对重要性来增加网页的结构和意义. 在创建网页内容时, 请记住,屏幕阅读器将使用标题为内容分配层次结构.

最佳实践

  • 不要使用标题来装饰或强调文本.
  • 不要在大段文字上使用标题.
  • 始终使用大纲格式的标题.
  • 总是先用主标题,再用副标题.

资源

下面是一个资源列表,其中包括有关正确使用标题的更多信息. 


例子

下面是正确使用标题的例子. 使用的标题级别也会在标题中注明. 

专业 & 程序(h2)

你可以把你所有的文字放在这里,描述你提供的专业和项目的总数,以及为什么它们很棒. 

课程1 (h3)

你可以在这个领域给出一个特定程序的概述. 因为这是"少校"的副标题 & “程序”,向下移动一个标题层. 不要一次向下移动超过一个标题级别. 

课程要求(h4)

应用程序信息将是另一个子标题,因此我们再次向下移动到h4. 

申请截止日期(h4)

这里我们再次使用h4,因为它不是程序需求的子主题, 但在逻辑上属于“程序1”的标题. 

课程二(h3)

当我们讲完第一个程序, 我们会回到h3开始讨论我们的新项目. 还记得, 你可以在大纲中向上跳过关卡(h4到h2),但不能在向下跳过关卡(h2到h4)。. 

记住有时有不止一个正确的标题级别是很有帮助的. 在上面的例子中,可以提出一个论点,即“申请截止日期”是“程序要求”的子标题,并且将使用h5. 这并不是不正确,只是一种不同的组织观点. 无论哪种方式都是可访问的,它只需要在整个页面和站点中保持一致.