HTML тег ``

Значение и применение

Параграфы (абзацы) определяется тегом  (HTML Paragraph Element). Содержание элемента всегда начинается с новой строки.

Чтобы увеличить или уменьшить расстояние между абзацами используйте CSS свойство margin (внешние отступы элемента), не используйте для этих целей HTML тег  , предназначенный для перевода строки.

Вложенность и переносы

В абзаце можно размещать текст, ссылки и другие элементы текстового уровня. Заголовок, список, <div> или другой  внутрь абзаца не вкладывают: при разборе такого кода браузер может закрыть абзац раньше, чем ожидает автор. Проверяйте получившееся дерево в инструментах разработчика.

Обычные переносы строк и повторяющиеся пробелы в исходнике не создают новые абзацы. Для отдельной мысли используйте новый , для необходимого переноса внутри стиха или адреса —  . Расстояния между абзацами задавайте CSS.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.p
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`p`	✓1	✓12	✓1	✓15	✓1	✓18	✓4	✓14	✓1	✓1.0	✓4.4	✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`align`	`left right center justify`	Не поддерживается в HTML5. Определяет выравнивание текста в абзаце. Используйте CSS вместо данного атрибута.

Пример, попробуйте сами

Отдельные абзацы

Добавьте третий p. Затем объедините текст внутри одного p и сравните расстояние между частями текста.

index.html

HTML

<p>Первый абзац рассказывает об одной мысли.</p>
<p>Второй абзац начинает новую мысль.</p>

Почему заголовок закрывает абзац

В примере намеренно допущена ошибка: h2 помещён внутрь p. Браузер закрывает абзац перед заголовком; завершающий  создаёт ещё один пустой абзац. Откройте дерево элементов в инструментах разработчика. Исправьте код: завершите первый абзац перед h2, а текст после заголовка поместите в новый p.

index.html

HTML

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Неверная вложенность</title>
  </head>
  <body>
    <h1>Сайт Тони</h1>
    <p>Больше всего я люблю <h2>прогулки</h2> и игрушки.</p>
  </body>
</html>

Отличия HTML 4.01 от HTML 5

Атрибут align не поддерживается в HTML5.

Значение CSS по умолчанию

CSS

p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <p>