Тег <p>: абзацы текста
Как разделять текст на смысловые абзацы и управлять расстоянием между ними.
Зачем нужен этот элемент
Абзац объединяет несколько связанных предложений. Благодаря отдельным элементам p браузер и вспомогательные технологии понимают границы текста, а стили могут задавать одинаковый ритм всей статье. Новый абзац нужен при смене мысли, а не после каждой визуальной строки.
Внутри абзаца допустимы строчные элементы, например ссылка или span. Разделы, таблицы и другие абзацы внутрь не помещают: браузер может автоматически закрыть p раньше, чем вы ожидаете. Это иногда объясняет неожиданную структуру в инструментах разработчика.
Синтаксис и пример
<style>p { max-width: 38rem; line-height: 1.7; margin: 0 0 1rem; }</style>
<p>Хороший справочник помогает быстро вспомнить синтаксис.</p>
<p>Проверьте пример, затем примените его в своём проекте.</p>Что важно в разметке
| Параметр | Как использовать |
|---|---|
| Содержимое | Текст и элементы текстового уровня. |
| margin | Внешний отступ задаётся CSS. |
| class | Класс позволяет оформить группу абзацев одинаково. |
Частая ошибка
Небольшая практика
Сделайте расстояние между абзацами 1rem, а межстрочный интервал — 1.7. Уменьшите ширину окна и убедитесь, что переносы остаются естественными.
Разберите также <a>, <span>: эти элементы пригодятся в том же интерфейсе.