提问人：John 提问时间：10/15/2010 最后编辑：Stanislav KralinJohn 更新时间：9/6/2023 访问量：874
如何在标题、章节、文章等中使用 h1 到 h6。在 HTML5 中？
How to use h1 to h6 within header, section, article, etc.. in html5?
问：
在 xhtml 1.0 hn 中（h1 到 h6）必须表示文档结构，就像书中的章节一样，它们都从 .
在 html5 中，有 、 、 、 ，似乎 hn 标签是从这些标签之一派生的，然后不是相对于 body 元素的。
喜欢bodysectionarticleheaderhgroup
<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 中相同的规则并忽略部分、标题等......并制作相对于身体元素的 hn 标签？
关于语义和SEO的建议和答案对我来说是最有价值的。
答：
0赞
Alohci
10/15/2010
#1
从语义上讲，你正在做的事情很好。也许该部分应该是一篇文章。
SEO可能没问题，但我不能肯定地说。
3赞
Simon Banyard
10/16/2010
#2
最好的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>
</html>
大纲是：
- 我的个人主页
1.导 言
2.关于我
1.我的简历
1.概述
有关解释，请参阅草案第4.4.11节。Geoffrey Sneddon 制作了 HTML 5 Outliner 工具，用于检查页面的轮廓。
评论
0赞
John
10/16/2010
完全同意内容，但内容最好用良好的语义:)请您了解您的答案和您提供的工具。
0赞
Simon Banyard
10/18/2010
同意;良好的语义同样重要。很高兴看到你也捡到我的脸颊！考虑到这一点，值得记住的是，Hixie 在 Google 从事规范工作。我想谷歌已经在努力了。关于SEO，引用Jeremy Keith的话;“如果你从SEO的角度思考，你就做错了。”
评论