Элемент <p>
Элемент <p> (от англ. paragraph — абзац, параграф) определяет текстовый абзац.
Разделение текста на абзацы при помощи элемента <p> делает текст не только более структурированным и читабельным для пользователей, но и улучшает доступность контента для пользователей с ограниченными возможностями. Такие пользователи часто используют программы чтения с экрана, которые позволяют переходить к следующему или предыдущему абзацу, облегчая ориентацию в текстовом содержимом. Это делает текст более удобным и доступным для всех пользователей.
Примечание: Если вы хотите добавить красную строку (отступ текста), то это можно сделать с помощью CSS-свойства text-indent, которое позволяет не только задать красную строку, но и точно определить размер отступа для неё.
| Категории | Потоковое содержимое, явное содержимое. |
|---|---|
| Синтаксис | <p>...</p> |
| Опускание тегов | Конечный тег может быть опущен, если за элементом <p> сразу следует элемент <address>, <article>, <aside>, <blockquote>, <details>, <dialog>, <div>, <dl>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <main>, <menu>, <nav>, <ol>, <p>, <pre>, <search>, <section>, <table> или <ul>, или если в родительском элементе больше ничего не содержится и родительский элемент не является элементом <a>, <audio>, <del>, <ins>, <map>, <noscript> или <video>. |
| Модель содержимого | Фразовое содержимое. |
Атрибуты
Для элемента <p> доступны глобальные атрибуты и события.
Стиль по умолчанию
Стиль по умолчанию для элемента <p>, определённый в спецификации HTML:
p {
display: block;
margin-block: 1em;
}Пример
<p>Первый абзац.</p>
<p style="text-indent: 20px;">Не знаете как сделать отступ
текста в HTML, этот абзац с красной строкой наглядно вам
это продемонстрирует.</p>
<p>Ещё один абзац.</p>Результат
Первый абзац.
Не знаете как сделать отступ текста в HTML, этот абзац с красной строкой наглядно вам это продемонстрирует.
Ещё один абзац.