Группирование контента
В этой главе я опишу 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 |
Понимание необходимости в группировании контента
Работа с заранее отформатированным контентом
Цитирование текста из другого источника
Добавление тематических разрывов