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

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

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

Что означает неразрывный пробел

Неразрывный пробел (non-breaking space) — это пробел, который не переносится на новую строку. Два слова, разделенные   , будут склеиваться (не переходить на новую строку). Это удобно использовать, когда нарушение позиции слов может помешать восприятию информации в целом.

Комбинация использования неразрывного пробела HTML  

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

  • Когда при верстке web-страницы необходимо, чтобы при просмотре с экранов с различным разрешением текст не перерасперделялся, приводя к нежелательным разрывам:
10 000 $

Который может выглядеть вот так:

10
000
$

Чтобы избежать таких неудобных коллапсов, следует использовать объект   для склейки «10000» и «$» друг с другом:

10 000 $
Неразрывный пробел в HTML
  • При необходимости создания нескольких отступов подряд. Если вы хотите использовать обычный пробел несколько раз, браузер всегда обьединит их до одного, считая это за ошибку.

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

Цена:   10 000        $
Неразрывный пробел для создания отступов в HTML

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

Согласитесь, приведенный выше код не очень читается. Также создание нескольких пробелов с использованием   — плохая дизайнерская практика. То, что может выглядеть нормально на вашем экране, почти наверняка неконтролируемо схлопнется со стороны пользователя из-за огромного разнообразия размеров и разрешений экранов.

Поэтому неразрывный пробел — полезный способ соединять символы вместе, но, вероятно, его следует использовать только для этой цели.

Другие пробелы, доступные в HTML

При разделении слов или других элементов вы можете не ограничиваться обычным и неразрывным пробелом. Список доступных пробелов очень длинный. Вот некоторые из наиболее часто используемых:

HTML символыОбозначение
 узкий пробел
 широкий пробел
 3-х символьный пробел
 фигурный пробел
 знак пунктуации
 тонкий пробел
 очень тонкий пробел

Если вам понравилась статья или остались вопросы — оставляйте комментарии, обсудим.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *