Пробел в html как инструмент форматирования

Пробел в html имеет большое значение для форматирования текста. Зачастую происходит так: пользователь ищет какую-то информацию, переходит на сайт и видит там нужную ему, но плохо отформатированную страницу нечитабельного текста – скорее всего, он не станет себя мучить и «ломать глаза», а найдет ресурс, на котором та же информация будет удобна для чтения:

Пробел в html

Следствием такой недоработки, а именно отталкивающего вида текста, является плохая посещаемость сайта.

Ставим пробел в html

В том, как поставить пробел в html, не должно возникнуть проблем, так как браузер интерпретирует его и выводит на экран, но только в том случае, если пробел между словами единичный. Сразу же следует вопрос: «Как сделать пробел в html, когда между словами необходимо поставить более одного пробела?».

В языке гипертекстовой разметки предусмотрены три варианта, как прописать пробел в html:

  • &ensp – узкий пробел;
  • &emsp – широкий пробел;
  • &nbsp – неразрывный пробел.

Функциональность узкого и широкого пробела ясна из их названия. Рассмотрим html код пробела, который называют неразрывным.

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

Неразрывный пробел является одним из списка специальных символов html:
<p>Привет тебе я шлю!&nbsp;
С неразрывным пробелом!</p>

В названии специального символа содержится сокращение nbsp – от английского non-breaking space. Из названия следует, что это непереносимый пробел. Он не позволяет браузеру перенести (разделить) строку в месте применения. Отсюда и третье название – неделимый пробел:

неделимый пробел

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

  • При написании инициалов и фамилии (Н. &nbsp В. &nbsp Гоголь);
  • При сокращенном обращении (г-жа &nbsp Петрова);
  • При обозначении параграфов (№&nbsp 9);
  • В написании версии программного продукта (android &nbsp 4.4 &nbsp kitkat);
  • При написании многозначных чисел (3 &nbsp 231 &nbsp 821 &nbsp байт).

Это далеко не полный список применения неразрывного пробела в местах, где того требует типография, а лишь основные пункты.

Длинный пробел в html

Что же делать, когда необходимо отобразить символ пробела в html длиной более одного стандартного?

Длинный пробел в htm

Для решения данной задачи можно использовать длинный пробел (&emsp), о котором было упомянуто ранее. Но что, если нужно поставить пробел еще длиннее? Для этого используется неразрывный пробел html. Вставив специальный символ &nbsp несколько раз, друг за другом, можно получить пробел нужной длины.

Исходя из изложенного выше, можно сделать следующий вывод: чтобы отобразить знак пробела в html нужной длины, используются специальные символы: &ensp, &emsp, &nbsp. Нужно понимать, что для создания длинного неразрывного пробела между символами необходимо использовать &nbsp, иначе браузер может перенести символ, стоящий после пробела, на следующую строку.