Тег <p>

Описание

Тег <p> (от англ. "paragraph") определяет текстовый абзац в HTML-документе. Это блочный элемент, который автоматически создает отступы перед и после абзаца для визуального отделения текста.

Базовый синтаксис:
<p>Это пример текстового абзаца в HTML-документе.</p>
Пример использования:
<p>Первый абзац текста.</p> <p>Второй абзац, который автоматически отделяется от первого.</p> <p>Третий абзац с <em>акцентированным</em> текстом внутри.</p>

Ключевые особенности:

  • Блочный элемент (начинается с новой строки)
  • Автоматические отступы сверху и снизу (по умолчанию 1em)
  • Может содержать текст и inline-элементы
  • Не может содержать другие блочные элементы
  • Основной элемент для текстового контента

Рекомендации по использованию:

  • Используйте для логического разделения текста на абзацы
  • Избегайте пустых тегов <p></p> для создания отступов
  • Для цитат используйте <blockquote>
  • Не вкладывайте блочные элементы внутрь <p>
  • Для подписей используйте <figcaption>

Тег <p> является фундаментальным строительным блоком веб-страниц, обеспечивающим правильную семантическую структуру текстового контента и улучшающим читаемость документа.

Атрибуты

class CSS-классы для стилизации
contenteditable Разрешает редактирование
data-* Пользовательские данные
dir Направление текста
hidden Скрывает элемент
id Уникальный идентификатор
lang Язык содержимого
spellcheck Проверка орфографии
style Инлайновые стили
title Всплывающая подсказка
translate Определяет возможность перевода
align Выравнивание текста (устарел)

Поддержка браузерами
1.0 1.0 1.0 1.0 1.0