2

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

您最喜欢在 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>

或者

<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>

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

请记住，这些部分可能是侧边栏或看起来完全不同的东西以及页面上的其他位置。

4

4 回答 4

12

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

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

于 2009-07-08T15:27:38.480 回答
3

我倾向于使用 h1-h4 方法而不是 h1-h2、h1-h2 样式的主要原因是我可以更好地控制 CSS 中的格式。如果您希望 H1 和 H3 看起来相同，只需按此方式设置样式即可。

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

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

或者（使用 HTML4），考虑将内容保存在 XML 或数据库中，然后使用带有模板的语言来动态生成 H 标记。如果您需要添加关卡，则可以更改一次模板代码。

于 2009-07-08T15:29:56.807 回答
0

特定的标题部分应该在整个页面中具有相同的权重。如果某物在左列中是 h2，而某物在右列中是 h2，则这两个元素的权重应该相等。因此，它在哪里或在哪个部分 div 中并不重要，重要的是它在语义上的重要性。

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

于 2009-07-08T15:29:38.990 回答
0

我认为查看它的好方法就像您为文档制作了大纲一样。

A. 主要部分 1.
许多部分
第 1 节
1a。副标题
B。第 2 节
1b。字幕

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

于 2009-07-08T15:46:48.893 回答