Витрина ссылок
Наш 1 сайт: //cs-hlds.ucoz.net
Группа в вк: vk.com/ark4da
Админ в вк: vk.com/ark_alex
Софт
Облако тегов
Статистика
    Онлайн:

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Зарег. на сайте:
    Всего: 61
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Из них:
    Администраторов: 2
    Модераторов: 0
    Дизайнеров:
    Файловиков: 0
    Проверенных: 0
    Обычных: 59
    Забаненых: 0
    Из них:
    Парней: 51
    Девушек: 10
    Счетчики:
    Сегодня нас посетили:


Часы
Мини Чат
 
200
Опрос
Оцените мой сайт ?
Статистика сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сейчас онлайн:
Cегодня были:
Счетчик посещений:
Рейтинг@Mail.ru
Яндекс.Метрика
Ссылки за 1р.
Купить ссылку здесь
(Цена: 2 руб.)


Купить ссылку здесь
(Цена: 2 руб.)


Купить ссылку здесь
(Цена: 2 руб.)


Главная » Статьи » Программирование » html

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

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

Пробел в html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Категория: html | Добавил: arK^ (26.03.2015)
Просмотров: 1350 | Рейтинг: 0.0/0
Всего комментариев: 0