Библиотека DocPage
Тестовая статья: все элементы оформления
Заголовок первого уровня
Это тестовая статья для проверки общей верстки. Здесь собраны все элементы, которые доступны в редакторе и должны одинаково выглядеть в общих статьях и блогах специалистов.
Заголовок второго уровня
Обычный абзац с важным выделением, акцентом курсивом, подчёркнутым фрагментом и зачёркнутым примером. А ещё здесь есть ссылка на список статей.
Маркированный список
- Первый пункт. Карточка списка проверяет перенос длинного текста и вертикальные отступы.
- Второй пункт. Внутри можно использовать обычный текст, ссылку или выделение.
- Третий пункт. Все пункты должны оставаться читаемыми на мобильном экране.
Нумерованный список
- Первый шаг с отдельным номером в цветном круге.
- Второй шаг для проверки единого стиля.
- Третий шаг с более длинным описанием, чтобы увидеть перенос текста внутри карточки.
Цитата или важное замечание. Этот блок нужен для выделения мысли без отдельного дизайна в каждой статье.
Заголовок рядом с изображением
Изображения могут чередоваться с текстом. Они занимают всю ширину материала, адаптируются к экрану и сохраняют понятную подпись.
Заголовок четвёртого уровня
Небольшой блок для проверки иерархии заголовков и расстояний между элементами.
Заголовок пятого уровня
Ещё один уровень заголовка для редакторских материалов.
Заголовок шестого уровня
Самый компактный уровень заголовка.
Таблица
| Элемент | Что проверяем | На мобильном |
|---|---|---|
| Текст | Размер, контраст и межстрочный интервал | Сохраняет читаемость |
| Списки | Карточки и маркеры | Уменьшают отступы |
| Таблица | Границы и заголовки столбцов | Прокручивается по горизонтали |
Этот абзац находится внутри контейнера div и завершает тестовый материал.