In xhtml 1.0 hn (h1 to h6) must represent document structure, like chapters in a book, and they all descend from the body
.
In html5 there are section
, article
, header
, hgroup
, and it seems that hn tags descend from one of these tags, and then are not relative to the body element.
like
<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>
In xhtml 1.0 I would have done:
<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>
Does it make sense? Or should I follow the same rules as in xhtml 1.0 and disregard section, header, etc... and make hn tags relative to the body elements?
Advises and answers concerning semantics and SEO are the most valuable for me.