Библиотека DocPage

Тестовая статья: все элементы оформления

Заголовок первого уровня

Это тестовая статья для проверки общей верстки. Здесь собраны все элементы, которые доступны в редакторе и должны одинаково выглядеть в общих статьях и блогах специалистов.

Онлайн-консультация
Изображение с подписью и скруглёнными углами.

Заголовок второго уровня

Обычный абзац с важным выделением, акцентом курсивом, подчёркнутым фрагментом и зачёркнутым примером. А ещё здесь есть ссылка на список статей.

Маркированный список

  • Первый пункт. Карточка списка проверяет перенос длинного текста и вертикальные отступы.
  • Второй пункт. Внутри можно использовать обычный текст, ссылку или выделение.
  • Третий пункт. Все пункты должны оставаться читаемыми на мобильном экране.

Нумерованный список

  1. Первый шаг с отдельным номером в цветном круге.
  2. Второй шаг для проверки единого стиля.
  3. Третий шаг с более длинным описанием, чтобы увидеть перенос текста внутри карточки.
Цитата или важное замечание. Этот блок нужен для выделения мысли без отдельного дизайна в каждой статье.

Заголовок рядом с изображением

Изображения могут чередоваться с текстом. Они занимают всю ширину материала, адаптируются к экрану и сохраняют понятную подпись.

Выбор специалиста
Пример второго изображения в статье.

Заголовок четвёртого уровня

Небольшой блок для проверки иерархии заголовков и расстояний между элементами.

Заголовок пятого уровня

Ещё один уровень заголовка для редакторских материалов.

Заголовок шестого уровня

Самый компактный уровень заголовка.

Таблица

Элемент Что проверяем На мобильном
Текст Размер, контраст и межстрочный интервал Сохраняет читаемость
Списки Карточки и маркеры Уменьшают отступы
Таблица Границы и заголовки столбцов Прокручивается по горизонтали
Защита данных
Третье изображение для проверки последовательности медиа-блоков.

Этот абзац находится внутри контейнера div и завершает тестовый материал.