Question

我还没有找到这个问题，如果它已经在这里，请随时关闭。

您最喜欢用HTML设置标题的方式是什么？

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h1> Section 1 </h1>
  <h2> Subtitle </h2>
</div>
<div id="section2">
  <h1> Section 2 </h1>
  <h2> Subtitle </h2>
</div>

OR

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

...意味着从顶部开始排序，或者从页面的每个部分开始从H1开始，这是一个不同的部分（/ container / sidebar / whatever）。

还有其他的实践。那你喜欢哪一个？你做的甚至不同，如果是这样，怎么样？那里有最好的做法吗？这会影响SEO吗？哪一个是最具语义性的？

编辑：这里的人似乎同意第二个解决方案。这也是我的观点，但是这个问题引出了我这个问题：如果我想把h3放在主要部分怎么办？

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<h3> Something else </h3>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

我是否必须重写所有部分？这可能是一个完整的网站！通常很难确切知道一节中会有多少字幕。

请注意，这些部分可能是侧边栏或看起来完全不同的内容以及页面上的其他位置。

Answer 1

我相信每个文档只应该有一个H1元素，但我不确定这是不是一个规则。但是，我倾向于遵循它。

因此，我投票给你提供的第二个例子，拥有多个H3 / H4等元素比多个H1元素更合乎逻辑。这意味着您试图以更好的方式传达的层次结构。

Answer 2

我倾向于使用h1-h4方法而不是h1-h2，h1-h2风格的主要原因是我获得了对CSS格式化的更多控制。如果你希望H1和H3看起来一样，那就按照这种方式设计。

您的HTML应该反映文档的结构，看来您的意思是H3和H4成为更高级别的子主题。所以以这种方式编码......并使用CSS来控制你的实际外观。

编辑：您在HTML4中几乎没有选择，但使用HTML5，您可以使用Section标记。这里的优点是没有关于标签本身嵌入的部分级别的信息。使用类属性来设置节名，您可以通过定义新的类属性（并且可能重做与各个节类一起使用的CSS）轻松地插入新级别。

或者（继续使用HTML4），考虑将您的内容放在XML或数据库中，然后使用带模板的语言动态生成H标签。如果您需要添加级别，则可以更改一次模板代码。

Answer 3

特定标题部分在整个页面中应具有相同的权重。如果左列中的某个东西是h2，右列中的某个东西是h2，那么这两个元素的重量应该相等。所以无论它在哪里或者它在哪个部分，它在语义上是多么重要。

我也更喜欢只有一个单一的h1。就SEO而言，特定的标题标签并不像以前那么重要。

Answer 4

我认为看待它的好方法就像是你的文档大纲一样。

一个。主要部分
1.许多部分
一个。第1节 1A。字幕
湾第2节 1B。字幕

大纲中的每个项目都具有不同的重要性，更重要的事情应该更加引人注目。因此，当提供标题时，它们应该是有意义的，每个重要级别都应该有自己的标题大小。这就是为什么我更喜欢你的第二个答案。通过为每种类型的标题提供自己的标题大小，它将允许更清晰的外观并允许连续的样式。这也将使读者更容易。

订购标题标签

4 个答案: