如何在 html5 中的标题、部分、文章等中使用 h1 到 h6？答案

【问题标题】：How to use h1 to h6 within header, section, article, etc.. in html5?如何在 html5 中的标题、部分、文章等中使用 h1 到 h6？
【发布时间】：2010-10-15 11:44:50
【问题描述】：

在 xhtml 1.0 中 hn (h1 到 h6) 必须代表文档结构，就像书中的章节一样，它们都来自body。在 html5 中有section、article、header、hgroup，似乎 hn 标签是从这些标签之一继承下来的，然后与 body 元素无关。喜欢

<html>
<body>
<h1>My personal homepage</h1>
<section id="resume">
<header>
<h1>My resumre</h1>
<p>A brief description of my skills</p>
</header>
<!-- bla bla bla -->
</section>
</body>

在 xhtml 1.0 中我会这样做：

<html>
<body>
<h1>My personal homepage</h1>
<div id="resume">
<h2>My resumre</h2>
<p>A brief description of my skills</p>
<!-- bla bla bla -->
</div>
</body>

这有意义吗？或者我应该遵循与 xhtml 1.0 相同的规则，而忽略部分、标题等...并制作相对于 body 元素的 hn 标签？

关于语义和 SEO 的建议和答案对我来说是最有价值的。

【问题讨论】：

标签： html seo semantic-markup html-heading

【解决方案1】：

最好的 SEO 就是拥有好的内容，就这么简单！从语义上讲，您在此处说明的内容很好。 HTML5 中的新功能是 <footer>、<header>、<section> 和 <article> 等容器具有自己的内部结构。所以你的第一个例子的大纲是：

我的个人主页
1. 我的简历

如果您要将标记更改为：

<html>
<body>
<h1>My personal homepage</h1>
<h2>Introduction</h2>
<p id="intro">...<\p>
<h2>About me</h2>
<section id="resume">
<header>
<h1>My resume</h1>
<h2>Overview</h2>
</header>
<p>...</p>
</section>
</body>

大纲是：

我的个人主页
1.  简介
2.  关于我
1.  我的简历
1.  概述

请参阅草案第 4.4.11 节的解释。 Geoffrey Sneddon 制作了 HTML 5 Outliner 工具来检查页面的轮廓。

【讨论】：

完全同意内容，但最好用良好的语义包围内容:) 感谢您的回答和您提供的工具。
同意；良好的语义同样重要。很高兴看到你也在我的脸颊上捡起来！考虑到这一点，值得记住的是，Hixie 在 Google 的规范上工作。我想谷歌已经在做这件事了。关于 SEO，引用 Jeremy Keith 的话； “如果你从 SEO 的角度来思考，那你就错了。”

【解决方案2】：

从语义上讲，您所做的一切都很好。也许该部分应该是一篇文章。

SEO 可能没问题，但我不能肯定。

【讨论】：