正确使用HTML标题标签

我无法理解HTML标题的正确用法。我正在使用书籍和在线资源进行自我学习，但是如何使用它们还是有一些差异。正确使用HTML标题标签

[1]“请注意，h1标签只使用一次，作为页面的主标题。h2至h6，但是，可以任意经常地使用，但应始终按顺序使用，例如，h4应该是h3的子标题，它应该是h2的子标题。“

[2]“的逻辑标题级别反映了其相对于主要内容的重要性。”

所以现在的问题是：我该情况，以便在h4必须是h3子标题应该是h2子标题等，或使用标题级别根据其相对于重视使用它们主要内容？

虽然，我看到两种方法正在使用。然而，第二种方法与文档大纲混淆。只是想就此获得其他意见。

来源

2014-02-08 Larry21

您应该指定引文来源。 [1]说的部分错误：虽然每页通常只有一个“h1”，但这不是必需的，例如一个双语页面可能有两个'h1'元素。 –

这主要是基于意见的，因为规范是模糊的，并且可以考虑许多方面，其相对权重取决于上下文和主观意见。 –

确实无所谓你使用它们的顺序。他们说要按顺序使用它们的原因可能是因为如果你在文档正文中的文本比标题大，它会看起来很奇怪。

它与更改font-size和font-weight基本相同，因为除了某些padding之外，它也是如此。

来源

2014-02-08 01:56:51 Anonymous

经验法则：如果看起来没有任何CSS的罚款，那很好。当然，如果没有样式，丰富的内容将无法工作，但要努力使其看起来尽可能没有CSS。

字体大小之间的主要区别。你应该罚款，无论你与他们无关，只要你不这样做

<h6>Page heading</h6> 
<h5>Section heading</h5> 
<h4>Subsection heading</h4>

或类似的奇怪的东西。 h1应该是最大也是最重要的，尽管h6（或别的东西，例如<bigheading></bigheading>（是的，CSS可以在任何标签上工作））可能会工作，如果你的风格是正确的，他们不推荐或语义正确。

来源

2014-02-08 02:16:22 bjb568

对于HTML5：

决定哪些outline您的文档应该有。
使用heading elements (h1-h6)和sectioning content elements (section, article, aside, nav)来实现这个大纲。

你报这两个语句是不正确或不完整：

关于[1]：h1不必一次每个文档中使用（和它没有使用为“主标题”）。
关于[2]：该规格定义标题的等级，其不一定必须是重要性。

当你总是包裹在一个切片内容元素的部分（规范鼓励要做到这一点），所以每一个区段具有最大，then it doesn’t matter which heading rank you choose一个标题，但：

[...]作者强烈鼓励使用该部分嵌套级别的适当级别的标题。

当你不要总是用切片内容元素在适当情况下，这样一款具有多个标题，跳过标题级别（或使用他们指定“重要性”）可导致不正确的轮廓。

来源

2014-02-08 02:16:32 unor

如果您不遵循order或多于1 h1标签，您的网页不会中断，但它肯定会看起来很丑。

您提到的以下第1点和第2点不是强制性的，但主要适用于search engine optimization(seo)。这是白帽SEO技术之一，这将有助于您的网页排名搜索引擎爬行。其次，您的网页将更多semantically correct和better looking outline。

来源

2014-02-08 03:22:59

-1

除非你正在做一些搜索引擎优化，你不需要担心你使用HTML H1.....H6标题的顺序。但建议首先使用H1标题，但一般而言，它可以按任意顺序接受。

这下面的订单只是显示他们没有别的特定顺序。

<h1>Heading level 1</h1> 
<h2>Heading level 2</h2> 
<h3>Heading level 3</h3> 
<h4>Heading level 4</h4> 
<h5>Heading level 5</h5> 
<h6>Heading level 6</h6>

下面是SnoopCode http://www.snoopcode.com/html/html-headings以及如何使用它们的很好的参考。

来源

2015-10-16 10:34:52 Packer

正确使用HTML标题标签

回答

相关问题