Когда использовать <br>разрывы строк против позиционирования CSS? - PullRequest
28 голосов
/ 15 октября 2010

Я часто задавался вопросом о правильном использовании перевода строки <br>.Кажется, что часто они неправильно используются для позиционирования или очистки контента, где вместо этого должен использоваться CSS.

W3schoools.org говорит, что следует использовать <br> для пустых строк, но не для создания или разделения абзацев.Глядя на черновик спецификации W5C HTML5 , немного яснее, что <br> будет использоваться, когда контент требует разрыв строки, такой как строки адреса или пустые строки в поэзии, где это предусмотрено автором.

Но я все еще заинтересован в каких-либо дальнейших разъяснениях или вводе кого-либо еще.Я часто решаю не использовать теги <br>, а вместо этого просто стилизовать элементы с желаемыми очистками, полями, отступами и т. Д., Чтобы создать желаемое пространство.

Не то, чтобы это было чрезвычайно важно, но вот пример, которыйзаставил меня задуматься об этом, когда популярный («авторитетный») сайт использовал <br>, что, я не уверен, вполне семантическое.Здесь я бы просто очистил <a> от его братьев и сестер с помощью CSS:

<p>Lorem ipsum dolor sit amet, consectetur tempor laborum.</p>
<br>
<a href="#readmore">more &gt;&gt;</a>

Ответы [ 6 ]

52 голосов
/ 15 октября 2010

Для меня разрывы строк должны использоваться только внутри абзацев для обозначения новой строки. Добавление разрывов строк между абзацами использовалось в тот день, когда HTML выглядел как Чоп Сьюи, а семантика HTML-документа выглядела так, как будто кто-то из дошкольников использовал Dreamweaver.

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

9 голосов
/ 15 октября 2010

Когда разрыв строки имеет семантическое значение в неустановленном документе.

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

2 голосов
/ 15 октября 2010

Я согласен со спецификацией, br следует использовать для создания новых строк текста в абзаце. Семантически это имеет смысл: абзац - это блок текста с некоторым верхним или нижним полем, в то время как br не указывает никакого поля, только новая строка с той же высотой строки / межстрочным интервалом.

1 голос
/ 15 октября 2010

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

0 голосов
/ 15 октября 2010

Тег разрыва (который при использовании отдельно должен быть <br />)

Должен использоваться для разрыва строки, а не для позиционирования, особенно если вы разбиваете только отдельные строки.

Он должен иметь ту же концепцию, что и вы, используя клавишу возврата.

Надеюсь, это поможет.

0 голосов
/ 15 октября 2010

Мое мнение:

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

(С учетом сказанного, иногда я использую их и для разделения абзацев) </ br>

...