Нужно ли избегать <br /> и <hr /> любой ценой в веб-дизайне?

Question

Я постоянно нахожу места, где мне нужно использовать тег <br />, потому что CSS не может делать то, что мне нужно. Разве <br /> не считается частью "дизайна", а не частью структуры документа? Какое это допустимое использование? Должны ли те же правила также применяться к <hr />?

Вот пример, где я чувствую себя вынужденным использовать тег <br />:

Я хочу отобразить это:

<address>1234 south east Main St. Somewhere, Id 54555</address>

как это:

1234 south east main st.
Somewhere, Id 54555

Answer 1

<br> - это HTML-способ выражения переноса строки, поскольку другого способа сделать это не существует.

Физические разрывы строк в исходном коде по праву игнорируются (точнее, обрабатываются как один пробел), поэтому вам нужен способ разметки для их выражения.

Не каждый разрыв строки является началом нового абзаца, и упаковка текста в <div> s (например) просто для того, чтобы избежать <br> s, кажется мне чрезмерно параноидальной. Почему они тебя беспокоят?

Answer 2

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

В каких случаях вы чувствуете, что вынуждены использовать метки BR?

Answer 3

Я бы не сказал любой ценой , но если вы хотите быть пуристом, эти теги не имеют никакого отношения к структуре и всему макету, но HTML должен отделять контент от презентации. <hr /> можно сделать с помощью CSS и <br/> с помощью правильного использования других тегов, таких как <p>.

Если вы не хотите быть пуристом, используйте их:)

Answer 4

Интересный вопрос. Я всегда использовал <br/> в качестве возврата каретки (и, следовательно, как часть контента, действительно). Не уверен, что это правильный путь, но он мне хорошо послужил.

<hr/> с другой стороны ...

Answer 5

убедитесь, что вы включили DTD, который определяет XHTML.

Если в вашем DTD отсутствует или указан HTML4, мертвое мясо в качестве правильного анализа HTML4 или ниже будет засорять ваш документ угловыми скобками.

Answer 6

У HR сейчас есть несколько хакерских применений для предотвращения использования алгоритмов инфляции шрифтов в мобильных браузерах.

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

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

Answer 7

Вы можете использовать <br>, но не используйте <hr>.

<BR> - LINE BREAK
- Это информация на дисплее. До сих пор внутри общего пользования, но использовать с сдержанностью.

<HR> - ГОРИЗОНТАЛЬНОЕ ПРАВИЛО
- Отображение информации без семантического значения - никогда не используйте это. «Горизонтальный» по определению является визуальным атрибутом.

Источник: Руководство по правильному использованию тегов HTML

Answer 8

Это плохое использование, если вы идете в строгом режиме.

<br/> и <hr/> не являются частью содержимого. Например, <hr/> обычно используется для разделения блоков текста. Но не возможно ли это с границей? И <br/> во многих случаях рассматривается как способ ограничения текста определенной формой, чего нельзя достичь с помощью css?

Конечно, ты не идешь Строгий, не волнуйся сильно.