Question

我们是否应该在网站中使用所有H1到H6？

我通常使用h1到h2。现在如何判断和决定H3到h6的使用位置。

我们应该像这样使用

h3 {display:inline}

<div id="content">
  <h3> some text in bold:</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </p>
  <h3> some text in bold:</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </p>
</div>

或者

span {font-weight:bold}

<div id="content">
  <p><span> some text in bold:</span>
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p>
  <p><span> some text in bold:</span>
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p>
</div>

获得结果lke this

alt text http://easycaptures.com/fs/uploaded/226/1452064646.png

这两种方法都是W3C有效的，css我可以从两种方法中获得相同的外观，因此它是语义和可访问的吗？

Answer 1

如果文本在H2级别下作为标题级别，那么它将是H3。冲洗/重复H4至H6。

XHTML是语义的 - 根据标签的含义使用标签。它们的外观是您的选择，包括它们是显示为块元素还是内联元素。

Answer 2

标题是页面部分的标题。用几句话来描述这一部分。

如果文档中给定的粗体文本最好标记为标题，则没有简单的规则可以解决。

在您给出的示例中，特别难以判断粗体文本是否应该是标题，因为文本是无意义的占位符文本。 “语义”仅仅意味着“意义”。 “最具语义性”的标记是最能传达页面含义的标记。由于占位符文本没有意义，因此您无法选择如何标记它。

决定某些文本是否应标记为标题的一种方法是想象如果用户只能看到从其标题生成的文档大纲，文档会是什么样子。 E.g。

<h1>
- <h2>
  - <h3>
  - <h3>
- <h2>
  - <h3>
    - <h4>
- <h2>
  - <h3>

文字在大纲中是否有意义？或者它不是真正的标题，而只是粗体，因为设计师想要强调它？

Answer 3

在写页面的时候，我试着把它想象成一本书，如果内容与父节相关，以这种方式值得拥有自己的节，那么使用H3，H4 ......否则你可以使用其他的html标签，例如dd（定义列表）或ul（无序列表）。

当然，如果您要搜索引擎优化，那么请始终使用您的h1和h2作为主要内容标题（或者只是您希望用户查找的信息）。然后，如前所述，试着让它感觉像一本书（出版物）。

Answer 4

您可以根据需要使用它们，就像使用任何其他标记一样（在强制性标记之外：html，head等。）在需要时使用它们，但请使用它们他们是正确的。

Answer 5

您应该注意，Google等搜索引擎在处理索引和网页排名等页面时会使用标题标记（H1）。

请参阅How Google is using HTML tags to enhance the search engine?

Answer 6

HTML是标记语言，其简化意味着在语义上描述您的内容。 CSS用于样式化您的内容，即 visual 部分。就像<p>意味着一个文本块是一个parapgraph <Hn>意味着一个文本块是一个标题。

标题描述了文档的结构，如果您愿意，则描述树状数据结构。

Firefox的Web Developer扩展程序有一个很好的功能，可以让您查看标记的文档结构。您可以在Information-＆gt; Document outline。

下找到它

Answer 7

从可访问性的角度来看，不要使用多个级别的标题，除非它对您的内容结构有所了解。例如，主文档应具有标题级别1，文档中的主要部分应具有标题级别2，子部分应具有标题级别3。维基百科在这方面做得很好，例如，请看以下包含章节和子章节的链接。 http://en.wikipedia.org/wiki/Database_normalization

Answer 8

如果您打算将内容作为您所在部分的子部分（即不同的分隔，而不仅仅是段落块），请使用下一个可用的标题级别。否则，只需将其粘贴在一个段落中即可。除非绝对必要，否则为了拥有div标记，请避免将元素包装在div标记中。它不是语义上的，可能会甩掉搜索引擎蜘蛛。

我们应该尝试在网站中使用所有H1到H6吗？

8 个答案: