Как использовать h1 до h6 в заголовке, разделе, статье и т. Д. В html5? - PullRequest
Новая
       40

Как использовать h1 до h6 в заголовке, разделе, статье и т. Д. В html5?

4 голосов
/ 15 октября 2010

В 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, игнорировать раздел, заголовок и т. Д. И делать теги hn относительно элементов body?

Советы и ответы по поводу семантики и SEO являются наиболее ценными для меня.

Ответы [ 2 ]

3 голосов
/ 16 октября 2010

Лучшее SEO - это иметь хороший контент, такой простой!Семантически то, что вы здесь проиллюстрировали, прекрасно.Что нового в HTML5, так это то, что контейнеры типа <footer>, <header>, <section> и <article> имеют свою внутреннюю структуру.Итак, схема вашего первого примера будет такой:

  1. Моя личная домашняя страница
    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. Введение
    2. О себе
    1. Мое резюме
    1. Обзор

См. Раздел 4.4.11 проекта для объяснения. Джеффри Снеддон создал HTML 5 Outliner инструмент для проверки контуров страницы.

0 голосов
/ 15 октября 2010

Семантически, то, что вы делаете, хорошо.Может быть, раздел должен быть статьей.

SEO, наверное, в порядке, но я не могу сказать наверняка.

...