Элементный состав разметки
Разворачиваем элементный состав логических блоков и получаем список фрагментов, на которые требуется разделить тело статьи.
- intro – текс вступления
- heading_01 – заголовок первого блока
- image_01 – изображение первого блока
- block_01 – текст первого блока
- heading_02 – заголовок второго блока
- image_02 – изображение второго блока
- block_02 – текст второго блока
- heading_XX – заголовок блока номер XX
- image_XX – изображение блока номер XX
- block_XX – текст блока номер XX
- conclusion – текст заключения
Сразу оговорюсь, что внутри тела статьи мы никакие изображения размечать не будем, т.к. для интеграции изображений в статью будет достаточно графического файла с правильным именем в нужном месте. Настрою шаблон отображения тела статьи так, чтобы он сам подтягивал нужные картинки, если они есть, а то в тело статьи лень пихать, да и сложностей ненужных это может добавить.
Для разметки тела статьи лучше использовать HTML тег-контейнер, т.е. те теги, которые имеют начало и конец. Хорошо было бы использовать тег ``, т.к. если ему не задавать никаких свойств, то он не будет влиять ни на что вообще, но такой тег может потребоваться непосредственно внутри текста, а его закрывающая часть может запутать регулярное выражение и извлеченный из всей статьи фрагмент будет обрезан не там, где нужно. Поэтому используем блочный тег ``, от которого хуже тоже не станет, если применять с умом. Никакой традиционной полезной нагрузки в виде классов и стилей тег нести не будет, мы поместим в него только один универсальный атрибут – `id`, которому в качестве значений будем присваивать имена нашего элементного состава.
Воспроизведу предыдущий список (без элементов изображений), воплощенный в HTML разметку:
```
```
Теперь осталось обернуть этими тегами нужные фрагменты тела статьи.
**Важно!** Для блоков текста необходимо добавить теги абзацев ``
Вариант применения HTML разметки тела статьи представлен на скриншоте.
- Просмотров: 10