Html br


Тег <br />

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

<!DOCTYPE HTML>
<html>
<title>BR в html: разбиваем текстовый ряд</title>
<body>
<p>Тег &lt;br /> <br /> разбивает строку.</p>
</body>
</html>

Результат:

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

Еще пример:

<p>Два друг за другом идущих тега &lt;br /> <br /><br /> увеличат расстояние между строчек по вертикали.</p>

Результат:

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

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

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

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

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

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

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


  1. Глобализация знаний и развитие торговли.
  2. Глобализация экономики, интеграция производства и торговли.
  3. Необходимость в распространении информации в любое время, из любого уголка планеты.
  4. Стремительное развитие информационных систем и сетей, необходимость в преобразовании, обработке, защите, передаче, приеме и сохранении больших объемов информации, а также необходимость в управлении базами данных.
  5. Непрерывно увеличивающаяся конкуренция в сфере финансовых и других видов услуг.

ab-w.net

Пример использования тега разрыва

<html>

<head>

<meta http-equiv=’Content-Type’>

<META HTTP-EQUIV=’Content-Type’ CONTENT=’text/html; windows-1251′>

<title >Тег br в действии < /title>

</head>

<body>

<р> Прогул на службе </р>

<p> Еще нигде и никогда <br>

Я не был столь плохим <br>

Начальства алчная орда <br>

Грызет меня живым </р>

</html>

Прогул на службе

Еще нигде и никогда
Я не был столь плохим.
Начальства алчная орда
Грызет меня живым.

Атрибут тега <br>


Единственный атрибут, которым обладает html тег <br>, называется Clear («очистить»). Он указывает браузеру, как поступить с переносимой строкой, если тексту придется обтекать так называемый плавающий элемент, каковым может быть, например, изображение с атрибутом выравнивания align, использующим значения right/left, или блок в CSS, которому прописано свойство float.

В спецификациях по XHTML 1.0 / HTML 4.01 атрибут clear можно использовать только с Transitional, Frameset и <!DOCTYPE>, иначе код будет нерабочим.

Свойства атрибута тега

Эффект от применения атрибута clear зависит от его значения и расположения обтекаемого текстом плавающего элемента. Атрибут может принимать 4 значения:

<br clear = ‘right | left | all | none’>

тег br

Значение left запрещает обтекание элемента, выровненного по левому краю, поэтому текст, «споткнувшись» о тег <br>, расположится ниже изображения или иного плавающего элемента.


Точно такой результат получится от использования аргумента all, который ни за что не позволит тексту обтекать картинку ни справа, ни слева.

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

Значение none («ни вашим, ни нашим») вообще снимает все полномочия с атрибута clear, и тег <br> молча переносит строку вниз.

Значение по умолчанию, как таковое, у атрибута clear тега отсутствует.

Тег <br> — это мягкий перенос

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

тег br языка гипертекстовой разметки html означает

Не следует слишком увлекаться тегом перевода строк для форматирования текста, потому что результаты его применения не всегда отличаются изяществом.

Например, если использовать тег <br> для перевода строк внутри абзаца, это может привести к появлению «гребенки» в окне пользователя, если оно меньше окна, на которое ориентировался веб-мастер.

fb.ru

Для чего предназначен тег <br />?


Тег <br /> (от англ. break) создает переход на новую строку (W3C Recomendation :: Controlling line breaks). Это практически все, что говорят нам спецификации. Но даже тут сказано, точнее не сказано о том, что он предназначен для создания абзацев или еще чего-либо. Потому, что для абзацев есть тег <p>, а для предформатированного текста — <pre> (см. спецификации на той же странице).

<br> следует использовать в текстовом блоке для обозначения новой строки, где предложение (фраза, мысль) не закончено, например в стихах.

update 17.02.10 — если воспользоваться серым веществом то и тут можно и даже нужно избавиться от <br/>. Для таких случаев предназначен тег <pre> — предформатированный текст, который отобразится в окне браузера с учетом всех пробелов, табуляций и нажатых энтеров. А если считаешь, что тегу <pre> не хватает логичности, можно оставить абзац (<p>) и ему добавить возможностей <pre>. Такой фокус позволяет сделать CSS свойство white-space.

update 23.02.10 — с "фокусами" с white-space: pre нужно быть внимательными, т.к. при таком форматировании строки, которые не вмещаются в блок, автоматически не переносятся на новую строку. Особенно это актуально для резиновых дизайнов. В таких случаях все же приходится применять <br />.

Заметка

Сообщество фанатов семантической верстки вообще не включили <br> в перечень семантических тегов.

Где не должно быть <br />?

Везде, где можно обойтись тегами и CSS правилами:


  • использовать теги по назначению: для абзацев — это <p>, для списков и меню — <ul>, <ol>, <li> и т.д.;
  • для форматирования текста и задания отступов использовать CSS правила, такие как margin, padding, width, height;
  • использовать отдельные элементы для создания строк (для этого лучше всего подходят нейтральные элементы разметки <div> и <span>).

Рассмотрим несколько практических примеров. Абзацы:

Несколько строк номеров телефонов:

Всего один-два CSS свойства и ты избавляешься от <br />. Вот еще пара примеров, где и как можно обойтись без переноса строки:

  • Верстка меню (см. верстку вертикального меню)
  • Верстка форм блоками

Надеюсь, что после всех этих примеров ты будешь использовать <br /> очень, очень…очень редко. И вообще, <br /> — это удел необразованных редакторов, а не верстальщиков.

Ах да, забыл, что еще можно использовать атрибут clear (<br clear=»all» />), для очистки потока. Но и это решается некоторыми манипуляциями с CSS — прием clearfix.

xiper.net

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


Описание

HTML тег <br> (break row) обрывает поток текста и вставляет перенос строки, то есть все содержимое, расположенное после него, будет выведено с новой строки. Такое действие полезно при форматировании текста, требующего фиксированных переносов строк, например, для написания адреса или стихов.

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

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

Атрибуты

Тег <br> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

Нет.

Пример

  <p>  Девочка Даша в песочке игралась,<br>   Время от времени громко смеялась,<br>  Чудно девчушке, что мальчик Андрюшка<br>  Ходит по улице, голый с писюшкой!  </p>  

Результат данного примера в окне браузера:

Пример использования тега <br>

puzzleweb.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.