Что такое nbsp в HTML

1 мин чтения

Как использовать   в HTML

В HTML неразрывный пробел задается как " ".

Иван Иванов

Результат: Иван Иванов

В чём отличие   от обычного пробела?

  •   отличается от обычного пробела тем, что обычный пробел не запрещает перенос строк. В месте, где стоит  , переноса строки не будет.
  • В HTML два и больше пробелов подряд преобразуются в один пробел. Тогда как количество   остается таким, как указано в коде HTML.

Когда использовать  ?

Примеры, когда использовать  :

  • Между инициалами и фамилией («Петров И.И.»).
  • В числах с пробелами («300 000»).
  • В датах («4 Июля»).
  • Между числами и единицами измерений («1000 чертей», «20000 лье под водой», «1984 г.»).
  • Между сокращением и названием или именем («г. Лондон», «р. Амазонка», «г-н Петров»).
  • Между знаком номера или параграфа и числом («№ 1», «§ 4»).
  • В названиях ПО («Android 11»).

Когда не использовать  ?

Лучше не использовать два и более   подряд для увеличения пробела для оформления стиля или расположения текста. Это может негативно сказаться при отображении текста на небольших экранах.

Альтернативы  

CSS-свойство «white-space: nowrap»

Как альтернативу  , чтобы запретить переносы, можно использовать CSS-свойство: white-space: nowrap

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

  • Телефонный номер: 111-11-11
  • Слово с дефисами: «когда-нибудь»

Тег «nobr» (Неразрывный диапазон)

Тегом «nobr» можно обернуть текст, в котором нужно запретить переносы строк:

  • <nobr>212-85-06</nobr>
  • <nobr>во-первых</nobr>
Вернуться к блогу