Демонстрационный материал для проверки шаблона. Текст и медиа добавлены автоматически. Здесь проверяются оформление и работа редактора; перед использованием статьи замените примеры на подготовленный материал.
Тема статьи — Профессиональная гигиена: что важно знать. На этом примере удобно оценить длину строки, расстояние между абзацами и то, как текст выглядит на телефоне. Основной текст сохраняет одинаковое оформление независимо от количества разделов.
Что обсудить на консультации
В этом разделе можно описать состояние зубов и комфорт при жевании. Жирное начертание помогает выделить основную мысль, курсив — пояснение, а выделение маркером — короткий акцент внутри текста.
Дополнительные материалы можно найти в блоге Milar Clinic. Это пример внутренней ссылки. Для перехода к конкретной части статьи используется ссылка на видеоблок.
Маркированный список
- Короткий пункт списка для проверки маркера и отступов.
- Пункт с выделением: внутри списка можно использовать жирный текст и ссылки.
- Более длинный пункт, который занимает несколько строк на небольшом экране. Переносы должны сохранять аккуратное выравнивание текста.
- Пункт со вложенным списком.
- Первое уточнение внутри пункта.
- Второе уточнение с курсивным пояснением.
Нумерованный список
- Сформулировать тему и основные вопросы.
- Подготовить текст и выбрать фотографии.
- Проверить статью на компьютере и телефоне.
Подзаголовок четвёртого уровня
Здесь размещается поясняющий абзац к небольшой части раздела. Содержание остаётся обычным текстом, который можно менять прямо в редакторе без работы с HTML.
Подзаголовок пятого уровня
Пример более глубокой структуры текста. Для большинства статей достаточно заголовков H2 и H3; остальные уровни здесь добавлены для проверки стилей.
Подзаголовок шестого уровня
Технические примеры: нижний индекс — H2O, верхний индекс — м2, зачёркнутый фрагмент, примечание мелким шрифтом и пример кода.
«Это пример цитаты. В ней можно разместить короткое пояснение или выделенную мысль из статьи».
Демонстрационная подпись, не цитата врача
Таблица с примерами
На телефоне широкая таблица прокручивается по горизонтали. Названия и значения ниже нужны только для проверки оформления.
| Элемент | Назначение | Что проверить |
|---|---|---|
| Абзац | Основной текст статьи | Читаемость и межстрочное расстояние |
| Изображение | Иллюстрация к разделу | Пропорции и подпись |
| Список | Перечень или последовательность | Маркеры, нумерация и вложенность |
| Видео | Медиаматериал | Плеер и адаптивная ширина |
Ещё одно изображение
Вторая фотография показывает, как медиа вписывается в поток статьи между обычными абзацами. Изображения берутся из существующей медиатеки сайта; их можно заменить в редакторе.
Пример видеоблока
Видео запускается вручную. Это демонстрация плеера, а не материал о процедуре или результате лечения. Замените ролик на нужное видео через редактор.
Ссылки и дополнительные пояснения
Пример внешней ссылки: справочник HTML на MDN. Она открывается в новой вкладке. Внутренняя ссылка возвращает к списку статей.
Заключительный абзац завершает демонстрационную статью. Здесь удобно проверить расстояние до нижней части страницы и ссылки возврата. Все текстовые блоки, фотографии, подписи и видео остаются редактируемыми.
