Главная страница   /   9. Группирование контента (Руководство по HTML5

Руководство по HTML5

Руководство по HTML5

Адам Фриман

9. Группирование контента

В этой главе я опишу HTML элементы, которые можно использовать для группирования связанного контента, что придаст содержанию вашего документа дополнительную структуру и смысл. Элементы из этой главы, в основном, являются потоковыми элементами. Есть только одно исключение: элемент a, принадлежность к определенной категории которого определяется его содержанием. В таблице 9-1 приведено краткое содержание этой главы.

Таблица 9-1: Краткое содержание главы
Задача Решение Листинг
Определить абзац Использовать элемент p 9-2
Применить глобальные атрибуты к области контента без определения любого другого группирования контента Использовать элемент div 9-3
Сохранить верстку в исходном документе HTML Использовать элемент pre 9-4
Обозначить содержание, цитируемое из другого источника Использовать элемент blockquote 9-5
Обозначить тематический разрыв на уровне параграфа Использовать элемент hr 9-6
Создать список, в котором порядок элементов является важным Использовать элементы ol и li 9-7
Создать список, в котором порядок элементов является неважным Использовать элементы ul и li 9-8
Создать упорядоченный список, в котором нумерация пунктов является непоследовательной Использовать атрибут value элемента li, содержащегося в элементе ol 9-9
Создать список терминов и их определений Использовать элементы dl, dt и dd 9-10
Создать список с пользовательской нумерацией элементов Использовать элемент ul в связке с CSS селектором :before и значением counter 9-11
Обозначить фигуру (и опционально заголовок) Использовать элементы figure и figcaption 9-12

9.1. Понимание необходимости в группировании контента

9.2. Создание абзацев

9.3. Использование элемента div

9.4. Работа с заранее отформатированным контентом

9.5. Цитирование текста из другого источника

9.6. Добавление тематических разрывов

9.7. Группирование контента в списки

9.8. Работа с фигурами

9.9. Резюме