HTML 5文档概述算法

时间:2014-05-20 09:47:38

标签: html5 semantic-markup html-heading

我正在建立一个新网站,我最近开始查看文档大纲算法。它声明所有部分都应有标题,部分包括部分导航文章正文(有可能还有一些)。

所以,我有几个导航区域,我的问题是;有标题但是只是将其隐藏在浏览器中是明智的吗?

1 个答案:

答案 0 :(得分:4)

标题元素(h1 - h6)的每个sectioning content element“longs”。但是不需要提供一个。

如果您没有为某个部分提供标题元素,则此部分将包含隐含标题HTML5 outline tools可能会将这些隐含标题显示为“无标题部分”或“空标题”。

因此,当您总是尽可能使用切片内容元素时,即使您没有提供单个标题元素,您的文档大纲也是正确的(当然不建议这样做;标题非常有用!)。

这两个文档将具有相同的大纲层次结构:

<!-- DOCUMENT A -->
<body>
  <article>
  </article>
  <nav>
  </nav>
</body>
<!-- DOCUMENT B -->
<body>
  <h1>site title</h1>
  <article><h1>main content title</h1></article>
  <nav><h1>navigation title</h1></nav>
</body>
Outline for DOCUMENT A       Outline for DOCUMENT B
1. untitled (body)           1. "site title" (body)
  1. untitled (article)        1. "main content title" (article)
  2. untitled (nav)            2. "navigation title" (nav)

所以没有任何标题就可以使用nav。但是,如果您认为标题可能对没有CSS支持的消费者有用(例如,屏幕阅读器用户或搜索引擎),您可以提供标题并在视觉上隐藏它。