Что делает br в html
Перейти к содержимому

Что делает br в html

  • автор:

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

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 19 нояб. 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– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

HTML br — перенос строки на новый ряд

HTML тег
осуществляет перенос строки:


BR в html: разбиваем текстовый ряд

Тег <br />
разбивает строку.


Тег

разбивает строку.

Два друг за другом идущих тега <br />

увеличат расстояние между строчек по вертикали.

Два друг за другом идущих тега

увеличат расстояние между строчек по вертикали.

Но это не повод использовать их в таких целях! Для увеличения расстояния пользуйтесь CSS.

В XHTML спецификации также присутствует тег
.
В ранних версиях HTML данный тег выглядел так:
, но данная запись устарела!

Быстрое развитие технологий

Интернет правит миром, а современная жизнь и ее смысл могут состоять в познании.

Предпосылки быстрого развития информационных технологий могут быть следующими:

  1. Глобализация знаний и развитие торговли.
  2. Глобализация экономики, интеграция производства и торговли.
  3. Необходимость в распространении информации в любое время, из любого уголка планеты.
  4. Стремительное развитие информационных систем и сетей, необходимость в преобразовании, обработке, защите, передаче, приеме и сохранении больших объемов информации, а также необходимость в управлении базами данных.
  5. Непрерывно увеличивающаяся конкуренция в сфере финансовых и других видов услуг.
Автор проекта — Вася Митин | Дата публикации: Февраль 2010 | Обновление: Ноябрь 2018

HTML 5 теги HTML
Теги

© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | HTML br — перенос строки? – Не вопрос!

как увеличить расстояние?

SuRS,   — это символ ‘пробел’ а мне нужно сделать при помощи BR не просто перенос строки, а как отделение абзаца. Чтобы тэг BR стал альтернативой тэгу P SSETEVOY добавил 26.04.2009 в 16:05 So1, мешает то, что на всем сайте при помощи WYSYWIG текст разделен на абзацы не при помощи P, а при помощи BR 🙁 А перелапачивать почти тычсячу страниц не хочется.

26 апреля 2009, 12:11

SSETEVOY:
SuRS,   — это символ ‘пробел’

а мне нужно сделать при помощи BR не просто перенос строки, а как отделение абзаца.
Чтобы тэг BR стал альтернативой тэгу P

SSETEVOY добавил 26.04.2009 в 16:05
So1, мешает то, что на всем сайте при помощи WYSYWIG текст разделен на абзацы не при помощи P, а при помощи BR 🙁

А перелапачивать почти тычсячу страниц не хочется.

Поставьте open_wysiwyg или FCKEditor. Полторы тысячи страниц перелапачивает небольшой скрипт на PHP или Dreamweaver в легкую. А вот заставить
делать отступы больше, чем он делает никак не получится. Просто-напросто к нему не применяются никакие стили.

HTML :: Теги
, и

Иногда при выводе текста на экран возникает необходимость перевода текста на новую строку в строго определенном месте. Для этого в HTML применяется одиночный тег (от англ. breakперенос строки), который формирует пустой элемент разметки и переводит текст на новую строку именно в том месте, в котором он находится. При этом элемент «br» сохраняет расстояние между строками и не добавляет дополнительного вертикального отступа, как в случае с блочными элементами (см. пример №1 ). Браузеры, кстати, считают его строчным элементом.

Мягкий перенос строки и тег

В IE элемент «wbr» срабатывает только, если в стилях «CSS» , применяемых к тегам , указано свойство «display: inline-block» .

Горизонтальная линия и тег
HTML Результат htmlCodes

    Элементы «br», «wbr» и «hr»   

Я – первый абзац.
Чтобы узнать, почему браузер перенес часть слова на новую строку, посмотри
те код.


Я – второй абзац. Меня отделили горизонтальной линией от первого абзаца.

Пример №1. Использование элементов «br», «wbr» и «hr»

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

Быстрый переход к другим страницам

  • Абзац, заголовки и преформатированный текст
  • Теги
    , и
  • Элементы «span» и «div»
  • Вернуться к оглавлению учебника

html.okpython.net Copyright © 2016-2024.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *