<<
>>

Содержимое, разбивающее на секции

Используя элементы заголовков, от h1 дo h6, можно создать содержание HTML-документа. Например, посмотрите вот на эту разметку:

An Event Apart

Города

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

Сиэтл

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

Бостон

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

Миннеаполис

Здесь так мило.

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

Из этого получается следующее содержание:

• An Event Apart

• Города

• Сиэтл

• Бостон

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

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

Теперь посмотрим на элемент small. Он должен быть связан со всем документом. Но браузер никак не может об этом узнать. Он ниоткуда не может узнать, что элемент small не должен относиться к заголовку «Миннеаполис».

Добавленное в HTML5 содержимое-разделитель позволяет вам явно размечать начало и конец взаимосвязанного содержимого:

An Event Apart

Города

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

Сиэтл

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

Бостон

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

Миннеаполис

Здесь так мило.

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

Теперь ясно, что элемент small подпадает под заголовок “An Event Apart”, а не «Миннеаполис».

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

An Event Apart

Города

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

Сиэтл

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

Бостон

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

Миннеаполис

Здесь так мило.

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

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

• An Event Apart

• Города

• Сиэтл

• Бостон

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

<< | >>
Источник: Кит Джереми. HTML5 для веб-дизайнеров. 2013

Еще по теме Содержимое, разбивающее на секции:

  1. 16.7. Замена содержимого входных страниц, или свопинг
  2. 6.7.1. Что такое динамически формируемое содержимое?
  3. Сохранение содержимого веб-страниц
  4. 6.7.2. Влияние динамического содержимого на совместимость с ПМ
  5. Торговый зал
  6. Секция 2 Хеджирование
  7. Секция 5 Брокерская деятельность
  8. Секция 6 Технический анализ
  9. Секция 7 Опционы на фьючерсные контракты
  10. Секция I Фьючерсный рынок
  11. Операции административные
  12. Оперативный контроль
  13. Второй шаг
  14. Акт о переводе показаний суммирующих денежных счетчиков на нули (форма N КМ-1)
  15. Действительно «невидимые» страницы
  16. Обобщенное и краткосрочное планирование
  17. Межвоенный период: дестабилизации в стратегии Коминтерна
  18. На биржах США