HTML 5: <br>, <br/> или <br />? - PullRequest
Новая
       86

HTML 5: <br>, <br/> или <br />?

1889 голосов
/ 22 декабря 2009

Я пытался проверить другие ответы , но я все еще в замешательстве - особенно после просмотра W3schools HTML 5 Reference .

Я думал, что HTML 4.01 должен был "позволять" одиночным тегам быть просто <img> и <br>. Затем появился XHTML вместе с <img /> и <br /> (, где кто-то сказал, что есть место для старых браузеров ).

Теперь мне интересно, как я должен форматировать свой код при отработке HTML 5. 

<!DOCTYPE HTML>

Это <br>, <br/> или <br />?

Ответы [ 24 ]

11 голосов
/ 28 февраля 2016

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

Все браузеры (за исключением, возможно, некоторых очень старых, которые не имеют значения) будут отображать оба одинаково. Однако <br> не соответствует xHTML.

7 голосов
/ 01 декабря 2010

<br> и <br/> отображаются по-разному. Некоторые браузеры интерпретируют <br/> как <br></br> и вставляют два перевода строки

6 голосов
/ 16 марта 2014

<br> достаточно, но в XHTML <br /> предпочтительнее в соответствии с WHATWG и в соответствии с W3C .

Цитировать Раздел 8.1.2.1 из HTML 5.2 Рекомендация W3C, 14 декабря 2017 г.

Начальные теги должны иметь следующий формат:

...

  1. После атрибутов или после имени тега, если атрибутов нет, может быть один или несколько пробелов. (За некоторыми атрибутами должен следовать пробел. См. §8.1.2.3 Атрибуты ниже.)

  2. Тогда, если элемент является одним из элементов void или если элемент является сторонним элементом, тогда может быть один символ SOLIDUS U + 002F (/). Этот символ не влияет на пустые элементы, но для внешних элементов он помечает начальный тег как самозакрывающийся.

Если вы используете Dreamweaver CS6, он будет автоматически заполняться как <br />.

Чтобы проверить ваш HTML-файл на W3C, см .: http://validator.w3.org/

5 голосов
/ 16 октября 2016

При проверке этого вопроса, это действительно зависит от того, через что !DOCTYPE вы пытаетесь пройти проверку.

Мой личный фаворит - 4.01 Trans, где я просто использую <br/>, и он удаляет предупреждения и ошибки, которые могли появиться во время проверки

Строгий - гораздо более сложный зверь, он ненавидит "SHORTTAGS" и буквально хочет только <br></br>

В HTML5 или «СЛАБОМ» мира кода действительно нет правильного ответа, потому что он detects every example you put up там как правильный ......

В конце концов, я думаю, что все, что имеет значение is what validation YOU PREFER или the person that you are working for prefers ... с движением lackadaisical в строгости кода в html5 мы видим ОЧЕНЬ ЛЕНИ КОДЕРЫ

4 голосов
/ 15 января 2018

ИМХО лучше использовать обычную запись (<br />) вместо записи (<br>) по следующим причинам:

Последовательность

В вашем HTML, вероятно, некоторые SVG и SVG поддерживают только обычные обозначения (например, <rect />).

Hackability

Это не тот случай, когда фреймворки, такие как React и NativeScript , используют нотацию XML.
Ваш код разметки будет легче разобрать.

Ясность

Обычные обозначения легче читать и понимать даже поздно ночью.

Технические характеристики

Оба <br> и <br /> являются допустимыми тегами HTML.

Заключение

Если вы используете полноценный текстовый редактор, настройте его на использование обычной нотации (которая называется XHTML Emmet ).
Например, в Visual Studio Code вам просто нужно добавить следующую строку в ваши настройки: 

"emmet.syntaxProfiles": {"html": "xhtml"}
3 голосов
/ 10 июля 2016

В HTML <br> и в XHTML <br/>.

Я предлагаю вам использовать <br/>.

3 голосов
/ 30 апреля 2013

Ну, все, что я знаю, это то, что <br /> дает разрыв с белой линией, а <br> просто дает разрыв в некоторых случаях. Это случилось со мной, когда я настраивал IPN-скрипт (PHP), отправлял письма и проверял их во входящих сообщениях. Не знаю почему, но я получил сообщение, чтобы выглядеть аккуратно, используя оба <br /> and <br>

Посмотрите почту здесь: http://snag.gy/cLxUa.jpg

Первые два раздела текста отделяются <br />, поэтому строки с пробелами, последние три строки текста внизу и последний раздел отделены <br> и просто дают новую строку.

2 голосов
/ 23 июня 2017

В HTML5 косая черта больше не нужна: <br>, <hr>

2 голосов
/ 26 сентября 2016

В большинстве случаев в HTML теги находятся в паре. Но для разрыва строки вам не нужна пара тегов. Поэтому, чтобы указать это, HTML использует формат <br/>. <br/> правильный. Используйте этот формат.

<br> тег не имеет конечного тега в HTML В XHTML тег <br> должен быть правильно закрыт, например: <br />

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

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

HTML 

<br>
<hr>
<meta name="keywords" content="">
<link rel="canonical" href="http://www.google.com/">

XHTML 

<br />
<hr />
<meta name="keywords" content="" />
<link rel="canonical" href="http://www.google.com/" />

Не все теги могут быть закрыты самостоятельно. Например, тег типа <script src="jQuery.min.js" /> не разрешен DTD XHTML.

2 голосов
/ 02 сентября 2016

<br> работает просто отлично. Более строгие версии, такие как XHTML, требуют добавления закрывающих и действительно старых версий HTML, которые не включают DOCTYPE, делают <br> не пустым тегом, таким как <br></br>.

.

Подводя итог: <br> хорошо. Другие тоже в порядке.

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...