<pre> тег VS.<br> метка для пробелов

Question

Мне интересно увидеть результаты этого.

Если вы хотите иметь несколько пробелов в тексте, вы можете сделать это несколькими способами.

В одну сторону:

<p>&nbsp</p>
<p>&nbsp</p>

Следующий путь:

<br/>
<br/>

И последний путь:

<code><pre>

Какой из них будет лучшим?

предварительный тег также имеет возможность поставить интервал по горизонтали, и это очень хороший простой способ:

<code><p>Home<pre>   

О

Контакт

Answer 1

Ничего из вышеперечисленного. Для этого и нужен CSS. Используйте CSS.

Приложение: если по какой-либо причине это должно быть чисто HTML-решение, я бы сказал, что все они в значительной степени равны по своей природе, поскольку на самом деле все они скорее презентационные, чем семантические. Похоже, 6 / полдюжины сравнения.

Answer 2

Ключ - семантика. Используйте то, что лучше отражает ваши намерения.

Используйте <p>, если вы имеете в виду абзацы. Используйте <br/>, если вы имеете в виду разрыв строки. И используйте <pre>, если вы имеете в виду предварительно отформатированный код.

Позже, чтобы «отформатировать», используйте CSS.

Answer 3

Используйте CSS, например:

<p>
test
  test
</p>

с CSS

p { white-space: pre-wrap; }

http://jsfiddle.net/Vffmj/

Answer 4

Да, как предположил DA, вы должны использовать CSS (word-spacing, letter-spacing) для разделения текста.Вы можете использовать что-то вроде этого:

p{
    word-spacing:30px;
}

p{
    letter-spacing:2px;
}

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

Answer 5

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

Однако более подходящим способом сделать это было бы просто добавить стили вокруг элементов.

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

<style type="text/css">
 #Navigation { padding: 0; margin: 0; }
 #Navigation li { float: left; list-style-type: none; display: inline-block; }
</style>

<ul id='Navigation'>
 <li>Home</li>
 <li>About</li>
 <li>Contact</li>
</ul>

Answer 6

Тег <pre> ужасный материал. Пожалуйста, не используйте его.

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