Що таке &nbsp у HTML

#html

Что такое nbsp в HTML

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

Як використовувати &nbsp в HTML

У HTML нерозривний пробіл задається як " ".

Олександр Шевченко

Результат: Олександр Шевченко

У чому відмінність &nbsp від  звичайного пробілу?

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

Коли використовувати &nbsp ?

Приклади, коли використовувати &nbsp:

  • Між ініціалами та прізвищем ("Шевченко Т.Г.").
    • >
  • У числах із пробілами ("300 000").
  • У датах ("4 Липня").
  • Між числами та одиницям вимірювань ("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>

Дякую, що прочитали. Буду вам дуже вдячний, якщо поділитесь цією статтею!

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