Какой тег является тегом перевода строки

Какой тег является тегом перевода строки

Кодирование параграфов с помощью тегов

является наиболее распространенным методом структурирования текста на странице Web. Большинство страниц Web — это текстовые страницы, и параграфы являются удобными и легко читаемыми методами представления текста. Однако существуют и другие средства структуризации текста.

2.10.1. Тег

Тег
(перенос строки) заставляет браузер закончить строку текста и продолжить вывод на следующей строке в окне браузера. Он не создает, как в случае параграфов, пустые строки перед и после законченной строки текста. Общая форма для тега переноса строки показана в листинге 2.8 .

Пример 2.8. Общая форма тега

Тег
не является контейнерным тегом; он не охватывает текст и не имеет дополнительного закрывающего тега. Этот пустой тег просто помещают внутри текста в том месте, где должен произойти разрыв строки. Этот тег удобно применять для вывода списков объектов, стихов или других объединений отдельных текстовых строк через один интервал. Следующий код использует перенос строк, например, для завершения отдельных строк стихотворения, помещенного в тег .

Пример 2.9. Блок текста, форматированный с помощью переноса строк

Вот история о Мери и надоедливой маленькой овечке, которая повсюду ее преследовала.
 
Была у Мери овечка, 
Была ее шерсть снежно-белой; 
И куда бы ни шла Мери, 
Овечка бежала за ней.
 
 

Рис. 2.9. Использование переноса строк для увеличения вертикального интервала на странице

Каждый тег
вставляет на странице дополнительный перенос строки. Поэтому можно писать несколько тегов
подряд, чтобы получить несколько пустых строк на странице.

Отметим в предыдущем примере, что теги
кодируются внутри первого и последнего параграфов — внутри тегов блочного уровня

для совместимости со стандартами XHTML 1.1. Их можно было бы поместить также в начале и конце параграфа стихотворения внутри тега . Обратите внимание, что требуется три тега
в конце первого параграфа, чтобы соответствовать числу пустых строк, заданных одним тегом
в начале последнего параграфа. Это является особенностью способа, которым браузер обрабатывает тег в начале и конце параграфов. Может понадобиться эксперимент, чтобы определить число тегов, нужное для создания требуемого числа пустых строк.

Пред.	Уровень выше	След.
2.9. Вложенные теги	Начало | ToC	2.10.2. Исключенный тег

Какой тег является тегом перевода строки

Тег
устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца

, использование тега
не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега
можно сделать так, чтобы следующая строка начиналась ниже элемента.

Синтаксис

Текст 
текст

Текст 
текст

Атрибуты

clear Сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент.

Закрывающий тег

HTML5 IE Cr Op Sa Fx

      
Р.Л. Стивенсон
 
Лето в стране настало, 
Вереск опять цветет. 
Но некому готовить 
Вересковый мед.
  

Результат данного примера показан на рис. 1.

Рис. 1. Вид текста при использовании тега

— элемент переноса строки

HTML-элемент устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.

Интерактивный пример

Как мы видим из примера выше, элемент
поставлен в том месте, где мы хотим перенести строку. Текст после
начинается со следующей строки текстового блока.

Примечание: Не используйте для увеличения разрыва между строками в тексте; используйте CSS-свойство margin элемента .

Атрибуты

Устаревшие атрибуты

Определяет, где начинается следующая строка после перевода строки.

Стилизация с CSS

Элемент
имеет единственную цель – создать разрыв линии в блоке текста. Таким образом, он не имеет размеров или визуального стиля как такового. Есть всего несколько свойств, которые вы можете стилизовать.

Вы можете установить значение margin на
чтобы увеличить расстояние между линиями в блоке, но это плохая практика – лучше использовать свойство line-height для этой цели.

Примеры

Простой br

В следующем примере мы используем элемент
для разрыва линий в почтовом адресе:

br /> 331 E. Evelyn Avenuebr /> Mountain View, CAbr /> 94041br /> USAbr /> 

Результат будет выглядеть так:

Проблемы доступности

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

Техническая сводка

• Категории контентаОсновной поток, текстовый контент.
• Разрешённое содержимое Отсутствует, это пустой элемент.
• Пропуск теговДолжен иметь открывающий тег, но не закрывающий тег. В XHTML документах элемент пишется как
  .
• Допустимые родительские элементы Любой элемент, который поддерживает текстовый контент.
• Интерфейс DOMHTMLBRElement

Спецификации

Specification
HTML Standard # the-br-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

• Элемент
• Элемент

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Тег
HTML перенос строки

Тег
указывает место переноса строки в тексте HTML страницы. Тег br ставится перед местом конца строки, текст после тега будет выведен с новой строки.

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

Синтаксис

Текст первой строки
Текст второй строки.

Отображение в браузере

В примере далее использован разрыв строк
:

Текст первой строки.
Текст второй строки.

Для сравнения, разделение текста на абзацы

:

Текст первого абзаца.

Текст второго абзаца.

Пример использования
в HTML коде

 
 
Это первая строка обычного текста на веб-странице. В конце перенос строки 
И вот уже вторая строка текста.
 

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

Тег
	Да	Да	Да	Да	Да

Похожие публикации:

1. Как запустить flask на сервере
2. Как открыть сайт с просроченным сертификатом
3. Как создать пустой файл
4. Какие карьерные цели ставит айти специалист