Question

在xhtml 1.0中 hn （h1到h6）必须代表文档结构，就像书中的章节一样，它们都来自body。在html5中有section，article，header，hgroup，似乎 hn 标签来自其中一个标签，然后与身体元素无关。喜欢

<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标签相对于body元素？

关于语义和搜索引擎优化的建议和答案对我来说是最有价值的。

Answer 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.引言
关于我我的简历
1.概述

有关解释，请参阅草案第4.4.11节。 Geoffrey Sneddon制作了HTML 5 Outliner工具，用于检查网页的大纲。

Answer 2

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

SEO可能还可以，但我无法肯定地说。

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

2 个答案: