Неразрывный пробел в HTML

Сегодня я расскажу про неразрывные пробелы в HTML. Многие из вас встречали в документации по HTML так называемый неразрывный пробел « », но либо не понимали, что это такое, либо воспринимали его как обычный пробел, что в принципе не правильно.

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

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

Вот такую запись удобно использовать в прайс-листах:

10 500 рублей

Таким образом получится запись:
10 500 рублей

И такая запись ни в коем случае не будет перенесена, как:

10
500 рублей

А всегда будет переноситься, как:

10 500
рублей

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