HTML5 для веб-дизайнеров
вернуться

Джереми Кит
Шрифт:

</header>

Присоединяйтесь к нам в 2010 году в этих городах.

<section>

<header>

<h3>Сиэтл</h3>

</header>

Идите в изумрудный
город по дороге из желтого кирпича.

</section>

<section>

<header>

<h3>Бостон</h3>

</header>

Для друзей – Beantown.

</section>

<section>

<header>

<h3>Миннеаполис</h3>

</header>

Здесь так <em>мило</em>.

</section>

</section>

<small>Размещение не предоставлятся.</small>

Содержание при этом будет таким же:

• An Event Apart

• Города

• Сиэтл

• Бостон

• Миннеаполис

Алгоритм содержания

Пока новое содержимое-разделитель не дает нам ничего такого, чего мы не могли бы делать с предыдущими версиями HTML. Вот самое интересное: в HTML5 у каждого содержимого-разделителя есть свое собственное внутреннее содержание. Таким образом, вам не нужно следить, на каком уровне заголовков вы находитесь, – можете просто каждый раз начинать с

h1
:

<h1>An Event Apart</h1>

<section>

<header>

<h1>Города</h1>

</header>

Присоединяйтесь к нам в 2010 году в этих городах.

<section>

<header>

<h1>Сиэтл</h1>

</header>

Идите в изумрудный
город по дороге из желтого кирпича.

</section>

<section>

<header>

<h1>Бостон</h1>

</header>

Для друзей – Beantown.

</section>

<section>

<header>

<h1>Миннеаполис</h1>

</header>

Здесь так <em>мило</em>.

</section>

</section>

<small>Размещение не предоставляется.</small>

В предыдущих версиях HTML содержание было бы построено неправильно:

• An Event Apart

• Города

• Сиэтл

• Бостон

• Миннеаполис

В HTML5 содержание строится правильно:

• An Event Apart

• Города

• Сиэтл

• Бостон

• Миннеаполис

hgroup

Бывают времена, когда вы хотите использовать элемент заголовка, но не хотите, чтобы его содержимое появлялось в содержании документа. Именно это позволяет вам сделать элемент

hgroup
:

<hgroup>

<h1>An Event Apart</h1>

<h2>Для людей, которые создают вебсайты</h2>

</hgroup>

В этом случае заголовок второго уровня («Для людей, которые создают веб-сайты») – это на самом деле слоган. В элементе

hgroup
только первый заголовок войдет в содержание. Первый заголовок не обязательно должен быть
h1
:

<hgroup>

<h3>Скрипты для DOM</h3>

<h4>Веб-разработка на JavaScript
для Document Object Model</h4>

</hgroup>

Корневые элементы разделов

Некоторые элементы не появляются в сгенерированном содержании. Другими словами, неважно, сколько заголовков вы используете внутри своих элементов, – в содержании документа они не появятся.

Элементы

blockquote
,
fieldset
и
td
являются исключениями для алгоритма составления содержания. Эти элементы называются «корневыми элементами разделов» – это не нужно путать с элементами-разделителями.