HTML 5: это <br>, <br/> или <br />?

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

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

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

Является ли это <br>, <br/>или <br />?

Просто <br>достаточно.

Другие формы существуют для совместимости с XHTML; чтобы можно было написать тот же код, что и XHTML, и заставить его работать также как HTML. Некоторые системы, которые генерируют HTML, могут быть основаны на генераторах XML и, следовательно, не имеют возможности выводить только пустой <br>тег; если вы используете такую ​​систему, то это нормально <br/>, просто нет необходимости, если вам не нужно это делать.

Однако очень немногие люди действительно используют XHTML. Вы должны предоставить свой контент так, application/xhtml+xmlчтобы он интерпретировался как XHTML, и это не будет работать в старых версиях IE - это также будет означать, что любая небольшая ошибка, которую вы допустите, будет препятствовать отображению вашей страницы в браузерах, которые поддерживают XHTML. Таким образом, большая часть того, что выглядит как XHTML в сети, фактически обслуживается и интерпретируется как HTML. Посмотрите Обслуживание XHTML как text / html Считается Вредным для получения дополнительной информации.

Я думаю, что эта цитата из HTML 5 Reference Draft дает ответ:

3.2.2.2 Пустые элементы

Термин void elements используется для обозначения элементов, которые должны быть пустыми . Эти требования применяются только к синтаксису HTML. В XHTML все такие элементы рассматриваются как обычные элементы, но должны быть помечены как пустые элементы.

Эти элементы запрещено содержать какой-либо контент вообще. В HTML эти элементы имеют только начальный тег . Самозакрывающиеся теги синтаксис может быть использован. Закрывающий тег должен быть опущен , поскольку элемент автоматически закрывается анализатором.

Пример HTML:
пустой элемент в синтаксисе HTML. Это не разрешено в синтаксисе XHTML.

<hr>

Пример:
элемент void, использующий совместимый с HTML и XHTML синтаксис самозакрывающегося тега.

<hr/>

Пример XHTML:
элемент void, использующий синтаксис только для XHTML с явным конечным тегом. Это недопустимо для пустых элементов в синтаксисе HTML.

<hr></hr>

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

Подводя итог: все три действительны, причем первый ( <br>) немного менее «переносим».

Изменить : Теперь, когда мы все без ума от спецификаций, я думаю, что стоит отметить, что в соответствии с dev.w3.org :

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

1. Символ «<».
2. Имя тега элемента.
3. По желанию, один или несколько атрибутов, каждому из которых должен предшествовать один или несколько пробелов.
4. При желании один или несколько пробелов.
5. Необязательно, символ «/», который может присутствовать, только если элемент является пустым элементом.
6. Символ «>».

В HTML (до HTML 4) : используйте<br>

В HTML 5 : <br>является предпочтительным, но <br/>и <br />также является приемлемым

В XHTML : <br />является предпочтительным. Можно также использовать <br/>или<br></br>

Ноты:

• <br></br> недопустимо в HTML 5, это будет рассматриваться как два переноса строк.
• XHTML чувствителен к регистру, HTML не чувствителен к регистру.
• Для обратной совместимости, некоторые старые браузеры будут анализировать XHTML как HTML и не работать, <br/>но не<br />

Ссылка:

• http://www.w3schools.com/tags/tag_br.asp
• http://en.wikipedia.org/wiki/XHTML

Согласно спецификации ожидаемая форма предназначена <br>для HTML 5, но разрешается использовать косую черту.

Я бы порекомендовал использовать <br />по следующим причинам:

1) Текстовые и XML-редакторы, которые выделяют синтаксис XML разными цветами, будут выделены правильно, <br />но это не всегда так, если вы используете<br>

2) <br />обратно совместим с XHTML, а правильно сформированный HTML (т. Е. XHTML) часто проще проверять на наличие ошибок и отладки

3) Некоторым старым парсерам и некоторым спецификациям кодирования требуется пробел перед закрывающей косой чертой (т. <br />Е. Вместо <br/>), например, спецификация кодирования плагина WordPress: http://make.wordpress.org/core/handbook/coding-standards/html/

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

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

HTML5 не является XML, поэтому он не должен ставить такое требование. Также не HTML 4.01.

Например, в спецификациях HTML5 все примеры с brтегами используют <br>синтаксис, а не <br/>.

UPD На самом деле, <br/>это разрешено в HTML5 . 9.1.2.1, 7.

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

В противном случае <br>все в порядке.

Оба <br>и <br />приемлемы в HTML5, но в духе HTML, <br>должны быть использованы. HTML5 позволяет закрывать косые черты, чтобы быть более совместимым с документами, которые ранее были HTML 4.01 и XHTML 1.0, что упрощает миграцию на HTML5. Конечно, <br/>это тоже приемлемо, но чтобы быть совместимым с некоторыми старыми браузерами, перед закрывающей косой чертой должен быть пробел ( /).

1. Если вы выводите HTML на обычный веб-сайт, который вы можете использовать, <br> или <br/> оба они действительны в любое время, когда вы используете HTML5 в качестве text / html.

2. Если вы используете HTML5 как XHTML (то есть тип контента application / xhtml + xml, с объявлением XML), тогда вы должны использовать самозакрывающийся тег, например, так: <br/> .

   Если вы этого не сделаете, некоторые браузеры могут отказаться от отображения вашей страницы (в частности, Firefox очень строг в отношении отображения только допустимых страниц xhtml + xml).

   Как отмечено в 1. <br/>также применимо к HTML5, который генерируется как XML, но используется как обычный текст / html без объявления XML (например, из преобразования XSL, которое генерирует веб-страницы или что-то подобное).

Чтобы устранить путаницу: в HTML5 не нужно ставить пробел перед косой чертой, и это не имеет никакого значения для отображения страницы (если кто-нибудь может привести пример, я откажусь от этого, но я не верю, что это правда - но IE, конечно, делает много других странных вещей со всеми формами <br>тегов).

Превосходный валидатор на http://validator.w3.org действительно полезен для проверки того, что действительно (хотя я не уверен, что вы также можете полагаться на него, чтобы также проверять тип контента).

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

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

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

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

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

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

...

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

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

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

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

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

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

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

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

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

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

консистенция

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

Hackability

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

ясность

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

Характеристики

Оба <br>и <br />являются действительными тегами HTML.

Вывод

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

"emmet.syntaxProfiles": {"html": "xhtml"}

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

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

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

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

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

Как многие другие охватили, и то <br>и другое <br/>приемлемо.

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

И так как Google использует, я <br>тоже.

(Конечно, имейте в виду, что они могут служить мне, <br>потому что я использую Chrome, который, как они знают, поддерживает его. В IE они все еще могут работать <br/>)

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

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

Не в HTML5 слэш больше нет необходимости: <br>,<hr>

В большинстве случаев в 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>etc, пишутся без закрывающей косой черты.

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.

Ммм ..... кто-нибудь знает ОДНОГО поставщика, агента пользователя или производителя браузера, который когда-либо следовал 100% спецификациям W3C ??? Так что, если HTML5 заявляет, что поддерживает все три версии элементов разрыва, вы можете поспорить, что поставщики поддерживают такие же и даже более небрежные версии!

ЕДИНСТВЕННАЯ вещь, которая имеет значение в этой дискуссии, - это ПОСТОЯННО использовать кодирование, которое, по возможности, также следует спецификациям XML, а также спецификациям HTML. Это означает, что вы должны использовать правильную XML-версию тега break и рекомендовать всей вашей команде сделать то же самое:

<br />

Тот же формат пробела должен применяться к тегам img, a, hr и meta в вашем коде. Почему? Потому что:

1. Он обратно совместим со старыми пользовательскими агентами / браузерами XHTML
2. Производители браузеров поддерживают в любом случае XML-версии, так что спецификация HTML5 является спорным.
3. Небрежная реализация большинства пользовательских агентов сегодня, в прошлом и в будущем примет это.
4. Это позволяет вашей разметке быть сопоставимой со стандартами XML, если вам нужно вернуться к созданию документов XHTML / XML из вашей разметки.
5. Для ВСЕХ ВЕБ-РАЗРАБОТЧИКОВ «хорошая практика кодирования» продолжать использовать методы разметки, которые следуют XML, включая кодирование во всех строчных буквах, атрибуты в кавычках, экранированные символы XML и т. Д. И т. Д. Почему? В будущем, если вам придется переключиться на данные XML, вы автоматически создадите код и будете думать на XML.
6. Мы можем только надеяться, что в будущем World Wide Web мы отойдем от стандартов, внедряемых частными поставщиками, и вернемся к надежной, надежной, проверенной разметке, которая быстрее анализирует, быстрее передает данные по проводам и делает наш будущий Интернет более стандартизированным. средний с использованием XML.

Кроме того, в этом мире робототехники и машин, где роботы не сталкиваются с такими же проблемами кодирования с помощью интерфейса пользователя, который HTML5 решает для нас, они с радостью вернутся к системам данных XML и намного быстрее анализируют такие веб-страницы пользовательского интерфейса при преобразовании в XML. данные.

прекрасно работает в HTML5. HTML5 позволяет немного больше свободы, чем XHTML

Если вы используете HTML5, то <br>это правильный путь :)

и так <br>и <br/>работает, но нет необходимости использовать второй, потому что HTML 5 также поддерживает первый синтаксис, который так легко

<br>и <br />отображать по-разному в некоторых браузерах, так что выбор одного из двух не повредит вашему проекту, но вы ожидаете, что массовая находка ... заменит некоторые страницы в некоторых браузерах, что может привести к дополнительной работе для вас или даже смущение, если изменение не повлияет ни на что в вашем тестовом браузере, но нарушит его в предпочитаемом браузере ваших клиентов ».

Я предпочитаю, <br>так как это то, что я использовал со времен Erwise и Netscape Navigator (ранние веб-браузеры), но нет никаких причин, чтобы не выбирать <br />вместо этого. Это может быть полезно для некоторой предварительной обработки, сопоставимости и т. Д.

Даже если ваш выбор сводится к тому, чтобы вы предпочитали внешний вид одного над другим, или вы (или ваш любимый редактор HTML, например Dreamweaver), возможно, захотите, чтобы ваш код был совместим с XML. Тебе решать.

Краткое примечание:

Не следует путать br, но, кроме того, вы также можете рассмотреть возможность использования wbrтегов в своем HTML: тег возможности разрыва слова, который указывает, где в тексте было бы хорошо добавить разрыв строки.

Для дальнейшего чтения, пожалуйста, прочитайте спецификацию HTML5 .

Элементы без конечных тегов называются пустыми тегами. В html 4 и html 5 конечные теги не требуются и могут быть опущены.

В xhtml теги такие строгие. Это означает, что должен начинаться с начального тега и заканчиваться конечным тегом.