Чтение онлайн

на главную - закладки

Жанры

HTML5 для веб-дизайнеров
Шрифт:

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

</header>

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

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

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

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

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

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

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

</section>

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

Теперь ясно, что элемент

small
подпадает под заголовок “An Event Apart”, а не «Миннеаполис».

Я могу разделить это содержимое на еще более мелкие части: тогда каждый город окажется в своей собственной секции:

<h1>An Event Apart</h1>

<section>

<header>

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

</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
являются исключениями для алгоритма составления содержания. Эти элементы называются «корневыми элементами разделов» – это не нужно путать с элементами-разделителями.

Поделиться:
Популярные книги

Энфис 3

Кронос Александр
3. Эрра
Фантастика:
героическая фантастика
рпг
аниме
5.00
рейтинг книги
Энфис 3

Проиграем?

Юнина Наталья
Любовные романы:
современные любовные романы
6.33
рейтинг книги
Проиграем?

Черный дембель. Часть 4

Федин Андрей Анатольевич
4. Черный дембель
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Черный дембель. Часть 4

Наемный корпус

Вайс Александр
5. Фронтир
Фантастика:
боевая фантастика
космическая фантастика
космоопера
5.00
рейтинг книги
Наемный корпус

Город Богов 3

Парсиев Дмитрий
3. Профсоюз водителей грузовых драконов
Фантастика:
юмористическое фэнтези
городское фэнтези
попаданцы
5.00
рейтинг книги
Город Богов 3

Город Богов 2

Парсиев Дмитрий
2. Профсоюз водителей грузовых драконов
Фантастика:
юмористическое фэнтези
городское фэнтези
попаданцы
5.00
рейтинг книги
Город Богов 2

Контролер

Семин Никита
3. Переломный век
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Контролер

Путь Шедара

Кораблев Родион
4. Другая сторона
Фантастика:
боевая фантастика
6.83
рейтинг книги
Путь Шедара

Кодекс Охотника. Книга VI

Винокуров Юрий
6. Кодекс Охотника
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Кодекс Охотника. Книга VI

Ведьмак (большой сборник)

Сапковский Анджей
Ведьмак
Фантастика:
фэнтези
9.29
рейтинг книги
Ведьмак (большой сборник)

Скрываясь в тени

Мазуров Дмитрий
2. Теневой путь
Фантастика:
боевая фантастика
7.84
рейтинг книги
Скрываясь в тени

Башня Ласточки

Сапковский Анджей
6. Ведьмак
Фантастика:
фэнтези
9.47
рейтинг книги
Башня Ласточки

Возвышение Меркурия. Книга 14

Кронос Александр
14. Меркурий
Фантастика:
попаданцы
аниме
5.00
рейтинг книги
Возвышение Меркурия. Книга 14

Завод: назад в СССР

Гуров Валерий Александрович
1. Завод
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Завод: назад в СССР