<br>: Элемент разрыва строки
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Элемент <br> HTML создаёт разрыв строки в тексте (возврат каретки). Он полезен при написании стихотворения или адреса, где разделение строк имеет значение.
Попробуйте
Как видно из приведённого примера, элемент <br> включён в каждой точке, где мы хотим разбить текст. Текст после <br> начинается заново в начале следующей строки текстового блока.
Атрибуты
Атрибуты этого элемента включают глобальные атрибуты.
Устаревшие атрибуты
-
clearУстаревший -
Указывает, где начать следующую строку после разрыва.
Стиль с помощью CSS
Элемент <br> имеет единственную, хорошо определённую цель — создать разрыв строки в блоке текста. Как следствие, у него нет размеров или визуального вывода, и вы можете сделать с ним очень мало.
Вы можете установить margin на сами элементы <br>, чтобы увеличить интервал между строками в блоке, но это плохая практика — следует использовать свойство line-height, разработанное для этой цели.
Универсальный доступ
Создание отдельных абзацев текста с помощью <br> — это не только плохая практика, но и проблема для людей, которые пользуются средствами чтения с экрана. Средства чтения с экрана могут объявлять о наличии элемента, но не о содержании, заключённом в <br>. Это может быть путаницей и разочарованием для пользователя средств чтения с экрана.
Используйте элементы <p> и свойства CSS, такие как margin, для управления их отступами.
Примеры
Простой разрыв строки
В следующем примере мы используем элементы <br> для создания разрывов строк между различными строками почтового адреса:
Mozilla<br /> 331 E. Evelyn Avenue<br /> Mountain View, CA<br /> 94041<br /> USA<br />
Результат
Технический обзор
| Категории контента | Потоковый контент, Контент фразы. |
|---|---|
| Разрешённое содержимое | Нет; это пустой элемент. |
| Пропуск тега | Должен иметь стартовый тег и не должен иметь конечного тега. В XHTML-документах запишите этот элемент как <br />. |
| Разрешённые родительские элементы | Любой элемент, который принимает контент фразы. |
| Неявная ARIA роль | Нет соответствующей роли |
| Разрешённые ARIA роли |
none, presentation
|
| Интерфейс DOM | HTMLBRElement |
Спецификации
| Спецификация |
|---|
| Стандарт HTML # the-br-element |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
br |
1 | 12 | 1 | 15 | 1 | 18 | 4 | 14 | 1 | 1.0 | 4.4 |
clear |
1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 |
См. также
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br