From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/br/index.html | 111 ++++++++++++++++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 files/ru/web/html/element/br/index.html (limited to 'files/ru/web/html/element/br/index.html') diff --git a/files/ru/web/html/element/br/index.html b/files/ru/web/html/element/br/index.html new file mode 100644 index 0000000000..555d249c61 --- /dev/null +++ b/files/ru/web/html/element/br/index.html @@ -0,0 +1,111 @@ +--- +title:
+slug: Web/HTML/Element/br +tags: + - HTML + - Элемент +translation_of: Web/HTML/Element/br +--- +
{{HTMLRef}}
+ +

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

+ +
{{EmbedInteractiveExample("pages/tabbed/br.html", "tabbed-standard")}}
+ + + +

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

+ +
+

Примечание: Не используйте <br> для увеличения разрыва между строками в тексте; используйте CSS-свойство {{cssxref('margin')}} элемента {{HTMLElement("p")}}.

+
+ +

Атрибуты

+ +

Этот элемент включает в себя глобальные атрибуты.

+ +
+
+

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

+
+
{{htmlattrdef("clear")}}
+
Определяет, где начинается следующая строка после перевода строки.
+
+ +

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

+ +

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

+ +

Вы можете установить значение {{cssxref("margin")}} на <br> чтобы увеличть расстояние между линиями в блоке, но это плохая практика – лучше использовать свойство {{cssxref("line-height")}} для этой цели.

+ +

Примеры

+ +

Простой br

+ +

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

+ +
Mozilla<br>
+331 E. Evelyn Avenue<br>
+Mountain View, CA<br>
+94041<br>
+USA<br>
+ +

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

+ +

{{ EmbedLiveSample('Простой_br', '100%', '90') }}

+ +

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

+ +

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

+ +

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

+ + + +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-br-element', '<br>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-br-element', '<br>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '<br>')}}{{Spec2('HTML4.01')}}
+ +

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

+ +

{{Compat("html.elements.br")}}

+ +

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

+ + -- cgit v1.2.3-54-g00ecf