Что такое &nbsp в HTML


Что такое nbsp в HTML

NBSP (англ. non-breaking space) — символ неразрывного пробела в тексте. В отличие от обычного пробела &nbsp не дает браузеру разрывать строку в месте, где расположен. Служит для улучшения читаемости текста.

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

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

Иван Иванов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • <nobr>212-85-06</nobr>
  • <nobr>во-первых</nobr>

Спасибо, что прочитали. Буду вам очень признателен если поделитесь этой статьей!

Опубликовано