хороший стиль: <br>элемент в HTML

Question

Считается ли это плохим стилем для использования <br>?У меня есть текстовый элемент, который я хотел бы разбить на две строки. Есть ли более рекомендуемый способ сделать это или другой элемент, который мне следует использовать?

Answer 1

Вопрос, который вам нужно задать, это: почему вам нужно разбить строку?

• Если вы хотите, чтобы она вписалась в пространство, вынеобходимо использовать CSS для установки переноса слов и значений ширины.

• Если это потому, что они являются отдельными абзацами, используйте тег <p>.

• Если это потому, что вам нужно показать визуально различимый образец чего-либо, установите display: block с помощью CSS.

• В противном случае все может быть в порядке.В чем причина перерыва?

Вы хотите быть как можно более семантически правильными, и вы хотите отделить презентацию от контента.

Answer 2

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

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

Другой, возможно, лучший пример: элемент address.

<address>
    <p>
        123 Main Street<br/>
        Townsville, USA 12345
    </p>
</address>

Спецификация приравнивает его к возврату каретки. http://www.w3.org/TR/html401/struct/text.html

Они «плохие», только когда вы используете их для разметки - то есть: несколько разрывов для имитации интервала, который действительно должен обрабатываться на косметическом слое (например, CSS).