Что это такое?

В html есть множество всевозможных тегов, атрибутов, значений, которые используются в различных ситуациях. Некоторые применяются только по прямому назначению, другие обладают гибкими настройками, позволяющими использовать их в самых разных вариациях. Помимо обычных тегов, в html есть специальные символы мнемоники. С их помощью можно выводить на экран пользователей различные значки, иконки и т.д. Одним из самых полезных специальных символов является неразрывный пробел. Об этом элементе и будет идти речь в данной статье.

Назначение

В html неразрывный пробел может применяться в самых разнообразных ситуациях. Самый распространенный случай, когда используется данный элемент, - это для естественного увеличения интервала между символами или словами. Некоторые, возможно, уже возмутились и задают логичный вопрос: «А почему просто не использовать обычный пробел при помощи клавиши «space» на клавиатуре?». Дело в том, что браузер будет игнорировать все лишние интервалы между словами или символами кроме первого назначенного. Независимо от того, сколько их будет стоять в исходном коде страницы, все равно будет выводиться только один. Таким образом, если у вас возникнет желание поставить два или более пробелов, идущих друг за другом, придется использовать специальный символ. Помимо этого, бывают и другие случаи, когда используется данный элемент, например:

• Красная строка. Хотя данный способ отображения нового абзаца уже редко когда используется в Интернете, все же полезно знать, что если поставить в начале несколько таких пробелов, получится эффект отступа.
• Таблица. Иногда при построении таблицы появляются пустые ячейки, которые нужно чем-то заполнить, иначе из-за этого деформируется вся конструкция. Как вариант можно поставить неразрывный пробел. Тогда пользователи будут видеть пустую ячейку, и таблица останется в прежнем состоянии.
• Рисунки для привлечения внимания. С помощью данного элемента можно построить изображение из символов. Или иногда такой пробел используется для акцентирования внимания пользователей.

Применение

Неразрывный пробел html назначается путем написания специальных символов, а именно « ». То есть, вставив данную запись в исходный код, вы получите дополнительный интервал. Его длина будет равна обычному пробелу. Запись « » расшифровывается как «NO-BREAK SPACE», что и переводится как «неразрывный пробел». Можно использовать альтернативное обозначение « », что даст такой же эффект.

Особенности

К отличительным чертам данного элемента можно отнести тот факт, что если поставить такой пробел между двумя словами (символами), то они в любом случае будут оставаться на одной строке. В отдельных случаях будет появляться горизонтальная полоса прокрутки (когда элементы выходят за пределы экрана). Порой разработчики используют данный элемент только из-за этой особенности. Например, когда действительно важно, чтобы текст находился на одной строке.

Заключение

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

HTML пробелы попросту игнорирует. При написании кода, нажатие клавиш пробел, Enter или Tab игнорируются. Интерпретируются такие нажатия HTML как пробельные символы, простыми словами – средства форматирования кода (символов, слов, текста), поэтому они и не отображаются. Поэтому при надобности отображения пробелов, придется их реализовывать на языке кода. Прочитайте эту статью дабы понять, как в тех или иных ситуациях.

Существует несколько методов добавления в текст одиночных пробелов. Они совсем не сложные и потребуют от пользователя всего лишь ввода пары символов в отведенном для того месте. Давайте же разберем подробно каждый из этих методов.

Метод первый . Вставляем HTML код - Вставляем его в том месте, где мы хотим получить пробел. "nbsp" является сокращением от некого английского словосочетания - non breaking space, что в переводе значит неразрывный пробел.

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

К примеру, перед вам стоит задача между словами передать паузу, допустим так: "Привет. Как дела? ". Вам будет необходимо ввести код для каждого пробела, вот так: "Привет. Как дела? "

Метод второй . Вставка абзаца в HTML.

Необходимо вставить следующий фрагмент кода

перед тем текстом, который необходимо представить в виде абзаца.

Нужно вставлять код

в начале каждого абзаца.

В конце каждого абзаца стоит вставлять закрывающий тег, выглядящий так - . Так как тег абзаца является парным, его нельзя не закрывать.

Метод третий . Добавления табуляции при помощь HTML модуля.

Необходимо использовать 4, а то и 5 неразрывных пробелов, дабы добавить табуляцию. При этом код будет следующим: .

Для табуляции в HTML не существует отдельного элемента. Если же вы желаете для простоты чтения информации использовать табуляцию повсеместно, тогда определено точно стоит присмотреться к CSS коду.

Метод четвертый . Добавление разрывов строк в HTML.

Там, где вы желаете создать разрыв строки стоит вставить код
.

Если в текст поместить сразу пару таких тегов -

То можно добиться сдвига текста на одну строчку вниз. Один тег при таком раскладе сдвигает следующую строку, а второй пропускает ее.

Метод пятый . Displaying Text as Written Using HTML

Вставка перед текстом тега отобразит его как печатный либо в заданном формате. Такой текст будет содержать все пробелы, которые при обычном коде никак не отображаются. В печатном формате пробел выглядит точно также, как будто вы поставили его в стандартном .

В данной статье мы на примерах разобрали способы вставки пробела в HTML. Надеемся у вас не возникнет в будущем с этим трудностей. Желаем удачи!

Как следует из заголовка, речь в статье пойдёт о неотъемлемой части любого русскоязычного (и не только) текста - о пробеле. Мы затронем историю пробела, виды пробелов, вопросы употребления пробела в веб-типографике.

Вообще говоря, пробел - это любое пустое место в рукописном, печатном или отображаемом на любом другом носителе тексте. Так что пробелы бывают разные:

• спусковые (большие вертикальные пропуски в первой полосе издания) и концевые пробелы полосы,
• абзацные отступы и концевые пробелы абзаца,
• межстрочные пробелы (между строками текста),
• межсловные пробелы (между словами в одной строке),
• межбуквенные пробелы (между буквами в слове).

Далее речь пойдёт о межсловных пробелах, разделяющих слова, и функционально принадлежащих к знакам препинания.

История межсловного пробела

Межсловный пробел - сравнительно позднее изобретении в истории человеческой мысли. Глубоко история пробела изложена в книге Пола Санджера (Paul Saenger) «Space between Words: The Origins of Silent Reading», а также, несколько менее глубоко, в книге Иоганнеса Фридриха «История письма».

Также есть неплохая статья Антона Бизяева о пробелах и об их истории «В начале пробелов не было» , которая была опубликована в 1997 году в журнале «Publish».

Вкратце, пробел появился достаточно поздно, в тех письменностях, где отсутствие разграничения слов приводило к сложности чтения (так называемое консонантное письмо, где записываются только согласные звуки). Однако в греческом и латыни, в которых записывали и гласные звуки, использование пробела было утеряно. Пол Санджер связывает это с тем, что чтение производилось вслух, что упрощало разграничение слов при восприятии текста.

Вновь пробел начал использоваться приблизительно в VII-IX вв. н. э., и эта традиция пришла из Ирландии, где у писцов и чтецов родным языком являлся древнеирландский, а религиозная литература записывалась на латыни. По-видимому, по этой причине монахи испытывали трудности с чтением вслух. Считается, что появление пробела плотно связано с постепенным переходом от чтения вслух к чтению про себя. Примерами книг на латыни с межсловными пробелами являются памятники британской литературы: Евангелие из Дарроу (VII в.) и Келлская книга (VIII-IX вв.).

В глаголице и кириллице пробел также отсутствовал, и в привычном нам смысле используется только с XVII века.

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

Пробелы в ручном наборе

Когда подвижность литер появилась (а произошло это с появлением наборных шрифтов), появились соответственно и вопросы - а как же ставить пробелы, чтобы соблюдалась выключка по ширине?

Технология ручного набора такова, что набранная строка полностью зажимается в верстатке и в гранке, и, соответственно, должна иметь ширину, практически точно равную ширине полосы (подробнее с технологией ручного набора можно познакомиться в одноимённой книге М. В. Шульмейстера).

Строка при ручном наборе набиралась из литер (брусков, на торце которых делались выпуклые зеркальные копии букв, отпечатывающиеся на бумаге), а межсловные пробелы создавались с помощью так называемых шпаций - брусков различной толщины, у которых на торце нет печатающей поверхности. Выглядит это примерно вот так . Шпации для каждого кегля шрифта, естественно, выпускались свои, и имели различную ширину. Например, для шрифта кегля 10 пунктов (стандартный кегль для большинства текстовых изданий) выпускались шпации шириной 10, 5, 4, 3, 2 и 1 пункт.

Шпации шириной в кегль назывались кегельными или круглыми. Шпации в половину кегельной назывались полукегельными или полукруглыми. Также существует название «тонкая шпация», под которой понимают шпации толщиной 1-2 пункта для шрифта кегля 8-12 пунктов. То есть, для шрифта кегля 10 пунктов тонкая шпация обычно составляет 2 пункта (соответственно, 1⁄5 кегельной). Однако, в связи с отсутствием точного определения тонкой шпации, в руководствах издателя, редактора и верстальщика обычно говорят не об отбивке на тонкую шпацию, а об отбивке на столько-то пунктов (считая, что кегль шрифта равен 10 пунктам).

Таким образом, нужно понимать, что в зависимости от кегля шрифта доля круглой шпации (треть, четверть и т. п.) может иметь разную ширину в пунктах, и наоборот.

Традиционная ширина межсловного пробела

Итак, разобравшись с тем, что такое круглая и полукруглая шпации, перейдём к принятой в российском наборе ширине собственно межсловного пробела.

Шульмейстер пишет (стр. 94), что при наборе строки между словами ставится полукруглая. Когда строка набрана до конца, в большинстве случаев её ширина оказывается либо меньше, либо больше ширины полосы набора. Поэтому верстальщику приходится изменять ширину пробелов, уменьшая её минимум до 1⁄4 круглой и увеличивая максимум до 3⁄4 круглой (соответственно, при наборе кеглем 10 пунктов межсловные пробелы могут варьироваться от 3 до 7 пунктов). Естественно, бывают нюансы, зависящие от формата издания, но мы их касаться не будем.

Однако, Шульмейстер оговаривается, что сам по себе межсловный пробел в полукруглую великоват, и использование стандартного пробела в 1⁄3 круглой является как более экономичным с точки зрения расхода бумаги, так зачастую и более красивым. Также использование межсловного пробела в полукруглую не рекомендуется для узких шрифтов.

С появлением строкоотливных машин пробелы стали делаться равномерными по ширине в пределах одной строки, а ширина межсловного пробела стала варьироваться около 1⁄3 круглой.

Компьютерный набор и веб-типографика

В настоящее время мы ограничены возможностями используемых шрифтов, и, естественно, набором символов в Unicode. Нужно помнить, что далеко не все шрифты содержат большинство пробельных Unicode-символов.

При переходе к компьютерным системам вёрстки был совершён переход от указания ширины шпаций в пунктах к указанию ширины шпаций в долях круглой, так как шрифты стали легко масштабироваться до любого кегля, а пробельные элементы должны были оставаться пропорциональными кеглю шрифта.

Символы пробела в Unicode

В Unicode предусмотрены следующие символы для пробелов западной типографики.

• Межсловный пробел , U+0020, - ширина от 1⁄5 до 1⁄2 круглой в зависимости от шрифта. Для средних шрифтов межсловный пробел имеет ширину порядка 1⁄4 круглой (например, Times New Roman имеет именно такой пробел), для широких - порядка 1⁄3 круглой (Microsoft Verdana - 0,35 круглой, Microsoft Tahoma - 0,31 круглой).
• Неразрывный межсловный пробел , U+00A0, - имеет ту же ширину, что и обычный межсловный пробел, но в месте неразрывного пробела запрещён разрыв строки.

Обычный и неразрывный межсловный пробелы входят в любой шрифт и правильно отображаются всеми агентами, если не считать отсутствия увеличения и уменьшения неразрывного пробела при выключке по ширине в некоторых текстовых процессорах и браузерах (что является нарушением рекомендаций). Например, FireFox правильно масштабирует неразрывные пробелы, а MSIE 7.0 не масштабирует их вовсе.

Все остальные пробельные символы имеют фиксированную ширину и не растягиваются при выключке строк по ширине. Вместе с тем, согласно алгоритму разрыва строк в Unicode , все они должны обрабатываться как точка разрыва строки.

• Круглая шпация , U+2003,   - как было сказано, имеет ширину, равную размеру кегля. Также называется Em Space, возможно, потому что буква «M» в каких-либо старых шрифтах имела такую ширину. Вместе с тем, сейчас это выполняется далеко не везде, и поэтому утверждение, что Em Space всегда имеет ширину буквы «M» - заблуждение.
• Полукруглая шпация , U+2002,   - половина круглой. Также называется En Space, возможно, потому что буква «N» в каких-либо старых шрифтах имела такую ширину. Вместе с тем, сейчас это выполняется далеко не везде, и поэтому утверждение, что En Space всегда имеет ширину буквы «N» - заблуждение.
• Третная шпация , U+2004,   - треть круглой. По-английски называется Three-per-Em Space.
• Четвертная шпация , U+2005,   - четверть круглой. По-английски называется Four-per-Em Space.
• Одна шестая круглой , U+2006,  . По-английски называется Six-per-Em Space.
• Тонкая шпация , U+2009,   - обычно имеет ширину в 1⁄5 круглой (реже - 1⁄6). Вообще говоря, её ширина зависит от языка набора и производителя шрифта, и в кириллических шрифтах тонкая шпация обычно имеет ширину в 1⁄5 круглой. Эта шпация по пропорциям в точности соответствует двухпунктовой шпации при наборе кеглем в 10 пунктов. По-английски называется Thin Space.
• Волосяная шпация , U+200A,   - самая узкая шпация, шириной около 1⁄10-1⁄16 круглой. Такая шпация по пропорциям примерно соответствует однопунктовой шпации при наборе кеглем в 10 пунктов или выглядит даже у́же.

Использование различных пробелов

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

В обычной вёрстке для веба для разделения слов достаточно пользоваться обычными и неразрывными межсловными пробелами.

Вместе тем, по правилам русскоязычной типографики в ряде мест должна использоваться тонкая шпация (точнее, в справочниках написано о двухпунктовой шпации, но мы будем употреблять термин «тонкая шпация» как наиболее соответствующий и с точки зрения устоявшейся терминологии, и с точки зрения внешнего вида строки при наборе).

Основные правила использования пробелов будут описаны ниже, но в целом мы рекомендуем следующий принцип для использования при вёрстке для веба.

При подготовке документов в формате HTML для публикации в Интернете в качестве пробельных элементов должны использоваться только пробел, неразрывный пробел и тонкая шпация. В том случае, если автор предполагает, что страница должна просматриваться с помощью агентов, некорректно обрабатывающих символ, то вместо тонкой шпации должен использоваться обычный или неразрывный пробел.

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

Обработка пробелов браузерами и поисковиками

При подготовке материала статьи мы провели своеобразный эксперимент на специально подготовленной странице. Яндекс и Google справляются с нестандартными символами хорошо, заменяя при поиске все нестандартные пробельные элементы на обычные (мы считаем, что это - правильное поведение). То есть, они не делают разницы между текстами «два слова», «два  слова», «два  слова» и т. п.

Как выяснилось, рендеринг нестандартных пробельных элементов работает в браузерах из рук вон плохо. Нормально справляются с задачей только Firefox 3.0 в Windows XP и *nix, MSIE 7.0 и Safari в Windows XP. Об MSIE 8.0 данных нет, но скорее всего, у него тоже всё в порядке.

• Firefox до версии 3.0 вообще не разрывает строку в местах нестандартных пробелов. При этом ширина пробелов отображается правильно.
• Opera 9.26 и 9.50, FireFox 3.0 под Mac, Safari под Mac строку переносят, но зато все пробелы оказываются одной ширины.
• MSIE 5.5 и 6.0 под Windows 2000 вместо пробелов ставят квадратики (возможно, соответствующие символы просто отсутствуют в системном шрифте).

Не вполне понятно, с чем связана одинаковая ширина всех пробельных элементов во всех браузерах под Mac. Вероятно, со встроенными шрифтами.

Основные правила употребления пробелов

Итак, ещё раз подчеркнём, что во всех правилах, перечисленных ниже, тонкая шпация   используется только в том случае, когда автор отметает риск использования посетителем сайта браузеров, неверно отображающих тонкую шпацию. К ним относятся некоторые браузеры в *nix (возможно, это связано со встроенными шрифтами), MSIE версии 6.0 и раньше, браузеры для Mac (ими можно пренебречь, так как ошибка рендеринга заключается только в ширине шпации), возможно - некоторые браузеры для мобильных телефонов и КПК.

В том случае, если использование таких браузеров вероятно, мы рекомендуем использовать вместо тонкой шпации обычный или неразрывный межсловный пробелы.

Как было описано выше, согласно рекомендациям Unicode тонкая шпация является таким пробелом, где возможен разрыв строки. В тех случаях, когда правила требуют постановки тонкой шпации и запрета разрыва строки (например, между разрядами при наборе числа), необходимо использовать конструкцию типа 250 000 . HTML-элемент nobr является проприетарным и к использованию запрещён.

Далее мы опишем те правила расстановки пробелов, которые чаще всего, по нашим наблюдениям, нарушаются при вёрстке текстов. Более подробную информацию о правилах набора текстов можно почерпнуть, например, в «Справочнике издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.

Сокращения и символы

1. В сокращениях «и так далее», «и тому подобное», «так как», «то есть», «и другие», «до нашей эры», «южной широты» и подобных все элементы сокращения отделяются неразрывным пробелом.
   и т. д. - и т. д.
   и т. п. - и т. п.
   т. к. - т. к.
   т. е. - т. е.
   и др. - и др.
   до н. э. - до н. э.
   ю. ш. - ю. ш.
2. Инициалы отбиваются друг от друга и от фамилии неразрывным пробелом.
   А. С. Пушкин - А. С. Пушкин
   Дж. Р. Р. Толкиен - Дж. Р. Р. Толкиен
   Допустима также отбивка инициалов друг от друга и от следующей за ним фамилии тонкой шпацией, однако перенос инициалов либо фамилии на следующую строку запрещён. Независимо от выбора стиля отбивки инициалов необходимо придерживаться единства стиля в рамках всего документа или сайта.
   В. В. Путин - В.  В.  Путин
   В. Путин - В.  Путин
   Путин В. В. - Путин В.  В.
   Путин В. - Путин В.
3. Сокращённое слово отбивается от имени собственного неразрывным пробелом.
   ул. Щорса - ул. Щорса
   г. Москва - г. Москва
   метрополитен им. Ленина - метрополитен им. Ленина
4. Число и соответствующее ему счётное слово отбиваются неразрывным пробелом.
   12 млрд рублей - 12 млрд рублей
   гл. IV - гл. IV
   пп. 3-6 - пп. 3-6
   рис. 42 - рис. 42
   XX в. - XX в.
   1941-1945 гг. - 1941-1945 гг.
   палата № 6 - палата № 6
   § 22 - § 22
   25 % - 25 %
   97,5 ? - 97,5 ?
   16 ¢ - 16 ¢ .
5. Число и соответствующая ему единица измерения (кроме знаков градуса, минуты и секунды) отбиваются тонкой шпацией, разрыв строки запрещён.
   400 м - 400  м
   100 т - 100  т
   451 °F - 451 °F
   но 59°, 57′, 00″.
6. Знаки градуса, минуты и секунды отбиваются тонкой шпацией от последующих цифр.
   59° 57′ 00″ - 59° 57′ 00″

Нужно учесть, что по поводу отбивки знаков процента и валют в среде типографов нет полностью устоявшегося правила, так что набор знака процента и символов валют вплотную к числу не является ошибкой, если такое употребление проводится единообразно на всём сайте. Однако, мы считаем, что использование пробела в данном случае улучшает читаемость текста.

Числа и интервалы

1. Дробная и целая части числа не отбиваются пробелом от запятой: 0,62 , 345,5 .
2. Разряды числа отбиваются друг от друга тонкой шпацией, кроме дат, номеров (например, документов), обозначений машин и механизмов.
   25 563,42 - 25 563,42
   1 652 - 1 652
   1 298 300 - 1 298 300
   но 1999 год , ГОСТ 20283 , вх. № 982364
3. При численном обозначении интервалов тире не отбивается от границ интервала.
   50-100 м - 50-100  м
   1 500-2 000 - 1 500-2 000
   1,5-2 тыс. - 1,5-2 тыс.
   15-20 % - 15-20 %
4. Унарные знаки плюс, минус и плюс-минус не отбиваются от следующего за ним числа: +20 °C , −42 , ±0,1 .
5. Бинарные знаки математических операций и соотношений отбиваются с обеих сторон на тонкую шпацию.
   2 + 3 = 5 - 2 + 3 = 5

Знаки препинания

1. Точка, запятая, двоеточие, вопросительный и восклицательный знаки, точка с запятой не отбиваются пробелом от предшествующего слова, и отбиваются пробелом от последующего: Ха, ха. Ха? Ха!
2. Многоточие не отбивается от предшествующего слова, если оно стоит в конце предложения или части предложения, и от последующего - если оно стоит в начале предложения: Ого… Что? …Ничего.
3. Кавычки не отбиваются пробелами от заключённого в них текста: броненосец «Потёмкин» .
4. Скобки не отбиваются пробелами от заключённого в них текста, и отбиваются пробелами снаружи (кроме того случая, когда закрывающая скобка соседствует с знаком препинания справа): Текст в скобках никому не интересен (обычно).
5. Тире отбивается от предыдущего слова неразрывным пробелом, а от следующего - обычным пробелом (в том числе и в случае, если интервал указан в словесной, а не цифровой форме).
   Витенька - молодец!
   нам подойдёт только огурец длиной пятнадцать - двадцать сантиметров
   пакт Молотова - Риббентропа .
6. Если два числа в словесной форме не образуют интервал, а означают «то ли одно число, то ли другое», то между ними ставится дефис, который не отбивается пробелами: выпил рюмки две-три .

Существует рекомендация отбивать тире на тонкую шпацию или не отбивать вообще от точки, запятой или кавычки. Это может быть оправдано при наборе печатного текста конкретным шрифтом, так как увеличивает однородность пробелов. В то же время, при просмотре текста для веба шрифты у пользователя могут быть совершенно разнообразными, из-за чего левый от тире пробел постоянно становится уже, чем правый.

Нежелательные переносы

1. Короткие слова и союзы (а , и , но , я , ты , и так далее) лучше отбивать от последующего слова неразрывным пробелом, так как висящее на конце строки короткое слово ухудшает читаемость. В том числе очень желательно не допускать переноса строки между частицей не и следующим за ней глаголом.
2. Частицы же , бы , ли желательно отбивать от предыдущего слова неразрывным пробелом: то же , сказал бы , думал ли я .
3. Желательно не отрывать предлоги в начале предложения от следующих за ними слов. (даже более длинные, чем одно- и двухбуквенные)

Даже если не нажимать Enter. Но это не всегда удобно. К примеру, вы написали своё полное имя. Инициалы могут оказаться в конце одной строки, а фамилия - в начале другой. Так информация хуже воспринимается. Да и выглядит это некрасиво. Чтобы не подбирать место для каждого слова, разберитесь, как сделать неразрывный пробел в Ворде. С ним фраза не будет разделяться при переносе.

Специальные символы помогают правильно оформить текст на странице

Сочетание клавиш и автозамена

Этот элемент появится, если одновременно нажать Shift + Ctrl + Space bar. Назначить другие кнопки можно так:

1. Перейдите в меню Вставить - Символ - Другие.
2. Вкладка «Специальные знаки».
3. Отыщите пункт «Неразрывный пробел» («Non-breaking space»).
4. Кликните на «Сочетание клавиш…»
5. Задайте удобные для вас параметры.

Если не хотите каждый раз тянуться пальцами к разным местам на клавиатуре или вспоминать, за что отвечает та или иная кнопка в Ворде, настройте параметры замены.

1. Выделите и скопируйте нужный элемент форматирования.
2. Откройте всё ту же вкладку «Специальные знаки».
3. Кликните на «Автозамена»
4. В поле «Заменить» напечатайте то, что должно превращаться в неразрывный пробел при вводе. Это могут быть три коротких тире, два подчёркивания или кодовое слово, которое не используется при печати в Word. Задайте те параметры, которые хотите.
5. В поле «На» нужно поставить заранее скопированный Non-breaking space. Перед этим отметьте пункт «Обычный текст».
6. Нажмите «Добавить».

Как вставить неразрывный пробел в Word - решать вам. Можете выбрать наиболее удобный способ . Это очень легко настраивается.

Специальный пробел

Если вам нужно не только запретить разделение фразы, но и зафиксировать расстояние между буквами, используйте специальный элемент Ворд - Narrow non-break space. С ним слова будут находиться близко друг к другу, даже если задать выравнивание по ширине.

Чтобы поставить его в документ, необходимо сделать следующее:

1. Откройте меню символов.
2. В выпадающем списке «Набор» выберите «Знаки пунктуации».
3. Найдите Narrow non-break. Название выделенного объекта находится над кнопкой «Автозамена».
4. Можете настроить сочетание клавиш или вставить напрямую.

Такую функцию можно использовать для указания дат - цифры «2016» не отодвинуться от слова «год».

Как посмотреть, где находятся скрытые символы?

Элементы форматирования нельзя увидеть. Они используются для вёрстки и не должны отображаться в обычном режиме работы с документом. Но чтобы отыскать символ Non-breaking space, не надо перепечатывать весь текст. Можно настроить видимость скрытых символов.

1. В верхней части окна выберите пункт «Меню» (в Word 2013 он называется «Главная»).
2. Найдите пиктограмму «Отобразить все знаки» на панели «Абзац». Она похожа на букву «П» с чёрным пятном наверху. Эту же функцию можно активировать, одновременно нажав Ctrl+Shift+* (звёздочка).

Здравствуйте, уважаемые читатели блога сайт. Чуть ранее мы уже успели поговорить о том, также узнали про оформление в нем . Сегодня у нас на очереди понятие пробела в ХТМЛ, а еще связанное с ним форматирование кода при его написании (для удобства последующего его чтения и восприятия).

Ну и в связи с тем, что мы затронем тему неразрывного пробела и мягкого переноса, нам придется акцентировать наше внимание на так называемых спецсимволах или мнемониках, используемых в языке Html, которые позволят вам добавить в код web документа множество дополнительных символов, вроде уже упомянутого выше. Но обо всем по порядку.

Пробелы и пробельные символы в языке Html

Прежде, чем переходить к вопросу форматирования текста с помощью специально предназначенных для этого тегов (абзаца, заголовков и т.д.) я хочу остановиться на том моменте, как в языке ХТМЛ интерпретируются пробелы, переносы строки (Enter) и табуляция, как осуществляется разбивка текста в окне браузера при изменении его размера.

Правда для такого рода визуального форматирования (которое не будет видно на вебстранице) чаще всего используют не сами пробелы, а именно символы табуляции и переноса строки. Есть такое правило — когда начинаете писать вложенный Html тег, то сделайте отступ с помощью табуляции (клавиша Tab на клавиатуре), а когда этот тег закрываете, то уберите отступ (сочетание клавиш Shift+Tab на клавиатуре).

Делать это нужно так, чтобы открывающий и закрывающий тэги были бы на одном вертикальном уровне (на одинаковом количестве табуляций от правого края страницы вашего Html редактора, например, Notepad++, о котором я писал ). Кроме этого советую непосредственно после написания открывающего элемента сделать несколько переносов строки и сразу же прописать закрывающий на том же уровне (количестве табуляций), чтобы потом не забыть это сделать.

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

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

Спецсимволы или мнемоники в Html коде

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

Когда вы набираете текст с клавиатуры, то происходит кодирование символов вашего языка по заранее установленному алгоритму, а потом они отображаются на сайте с помощью используемых вами шрифтов (где найти и как установить для сайта) за счет декодирования.

Кодировок существует очень много, но для языка Html по умолчанию была принята расширенная версия кодировок .

В этой кодировке текста было возможно записать всего лишь 256 знаков — 128 от ASCII и еще 128 для букв русского языка. В результате возникла проблема с использованием на сайтах знаки, которые не входят в ASCII и не являются буквами русского языка, входящими в состав кодировки Windows 1251 (CP1251). Ну, вздумалось вам использовать тильду или апостроф, а возможности такой изначально в используемой языком Html кодировке не заложено.

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

В общем понимании, мнемоника — это такой знак, который начинается с амперсанда «&» и заканчивается точкой с запятой «;». Именно по этим признакам браузер при разборе Html кода выделяет из него спецсимволы. Сразу за амперсандом в цифровом коде подстановки должен следовать знак решетки «#», который иногда называют хеш. А уже потом следует цифровой код нужного символа в кодировке юникод.

В юникоде можно записать более 60 000 знаков — главное, чтобы нужный вам символ мнемоники поддерживался используемым на вашем сайте шрифтом. Есть шрифты с поддержкой почти всех знаков кодировки юникод, а есть варианты только с определенным набором символов.

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

Cимвол	Html-код	Десятичный код	Описание
			неразрывный пробел
			узкий пробел (еn-шириной в букву n)
			широкий пробел (em-шириной в букву m)
–	-	–	узкое тире (en-тире)
-	—	—	широкое тире (em -тире)
­	-	­	мягкий перенос
а́		́	ударение, ставится после «ударной» буквы
©		©	копирайт
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
º	º	º	копье Марса
ª	ª	ª	зеркало Венеры
‰	‰	‰	промилле
π	π	π	пи (используйте Times New Roman)
¦	¦	¦	вертикальный пунктир
§	§	§	параграф
°	°	°	градус
µ	µ	µ	знак «микро»
¶	¶	¶	знак абзаца
…	…	…	многоточие
‾	‾	‾	надчеркивание
´	´	´	знак ударения
№		№	знак номера
🔍		🔍	Лупа (наклонённая влево)
🔎		🔎	Лупа (наклонённая вправо)
знаки арифметических и математических операций
×	×	×	умножить
÷	÷	÷	разделить
<	<		меньше
>	>	>	больше
±	±	±	плюс/минус
¹	¹	¹	степень 1
²	²	²	степень 2
³	³	³	степень 3
¬	¬	¬	отрицание
¼	¼	¼	одна четвертая
½	½	½	одна вторая
¾	¾	¾	три четверти
⁄	⁄	⁄	дробная черта
−	−	−	минус
≤	≤	≤	меньше или равно
≥	≥	≥	больше или равно
≈	≈	≈	приблизительно (почти) равно
≠	≠	≠	не равно
≡	≡	≡	тождественно
√	√	√	квадратный корень (радикал)
∞	∞	∞	бесконечность
∑	∑	∑	знак суммирования
∏	∏	∏	знак произведения
∂	∂	∂	частичный дифференциал
∫	∫	∫	интеграл
∀	∀	∀	для всех (видно только если жирным шрифтом)
∃	∃	∃	существует
∅	∅	∅	пустое множество
Ø	Ø	Ø	диаметр
∈	∈	∈	принадлежит
∉	∉	∉	не принадлежит
∋	∋	∗	содержит
⊂	⊂	⊂	является подмножеством
⊃	⊃	⊃	является надмножеством
⊄	⊄	⊄	не является подмножеством
⊆	⊆	⊆	является подмножеством либо равно
⊇	⊇	⊇	является надмножеством либо равно
⊕	⊕	⊕	плюс в кружке
⊗	⊗	⊗	знак умножения в кружке
⊥	⊥	⊥	перпендикулярно
∠	∠	∠	угол
∧	∧	∧	логическое И
∨	∨	∨	логическое ИЛИ
∩	∩	∩	пересечение
∪	∪	∪	объединение
знаки валют
₽		₽	Рубль. Знак рубля должен использоваться с отбивкой от числа. Стандарт Юникод 7.0. Если Вы не видите изображение, обновите свои Unicode-шрифты.
€	€	€	Евро
¢	¢	¢	Цент
£	£	£	Фунт
¤	¤	¤	Знак валюты
¥	¥	¥	Знак йены и юаня
ƒ	ƒ	ƒ	Знак флорина
маркеры
	.		простой маркер
○		○	круг
·	·	·	средняя точка
†		†	крестик
‡		‡	двойной крестик
♠	♠	♠	пики
♣	♣	♣	трефы
			червы
♦	♦	♦	бубны
◊	◊	◊	ромб
✏		✏	карандаш
✎		✎	карандаш
✐		✐	карандаш
✍		✍	рука
кавычки
"	"	"	двойная кавычка
&	&	&	амперсанд
«	«	«	левая типографская кавычка (кавычка-елочка)
»	»	»	правая типографская кавычка (кавычка-елочка)
‹		‹	одиночная угловая кавычка открывающая
›		›	одиночная угловая кавычка закрывающая
′	′	′	штрих (минуты, футы)
″	″	″	двойной штрих (секунды, дюймы)
‘	‘	‘	левая верхняя одиночная кавычка
’	’	’	правая верхняя одиночная кавычка
‚	‚	‚	правая нижняя одиночная кавычка
“	“	“	кавычка-лапка левая
”	”	”	кавычка-лапка правая верхняя
„	„	„	кавычка-лапка правая нижняя
❛		❛	одиночная английская кавычка открывающая
❜		❜	одиночная английская кавычка закрывающая
❝		❝	двойная английская кавычка открывающая
❞		❞	двойная английская кавычка закрывающая
стрелки
←	←	←	стрелка влево
			стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево и вправо
↕		↕	стрелка вверх и вниз
↵	↵	↵	возврат каретки
⇐	⇐	⇐	двойная стрелка влево
⇑	⇑	⇑	двойная стрелка вверх
⇒	⇒	⇒	двойная стрелка вправо
⇓	⇓	⇓	двойная стрелка вниз
⇔	⇔	⇔	двойная стрелка влево и вправо
⇕		⇕	двойная стрелка вверх и вниз
▲		▲	треугольная стрелка вверх
▼		▼	треугольная стрелка вниз
			треугольная стрелка вправо
◄		◄	треугольная стрелка влево
звездочки, снежинки
☃		☃	Снеговик
❄		❄	Снежинка
❅		❅	Зажатая трилистниками снежинка
❆		❆	Жирная остроугольная снежинка
★		★	Закрашенная звезда
☆		☆	Незакрашенная звезда
✪		✪	Незакрашенная звезда в закрашенном круге
✫		✫	Закрашенная звезда с незакрашенным кругом внутри
✯		✯	Вращающаяся звезда
⚝		⚝	Начерченная белая звезда
⚪		⚪	Средний незакрашенный круг
⚫		⚫	Средний закрашенный круг
⚹		⚹	Секстиле (типа снежинка)
✵		✵	Восьмиконечная вращающаяся звезда
❉		❉	Звёздочка с шарообразными окончаниями
❋		❋	Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✺		✺	Шестнадцатиконечная звёздочка
✹		✹	Двенадцатиконечная закрашенная звезда
✸		✸	Жирная восьмиконечная прямолинейная закрашенная звезда
✶		✶	Шестиконечная закрашенная звезда
✷		✷	Восьмиконечная прямолинейная закрашенная звезда
✴		✴	Восьмиконечная закрашенная звезда
✳		✳	Восьмиконечная звёздочка
✲		✲	Звёздочка с незакрашенным центром
✱		✱	Жирная звёздочка
✧		✧	Заострённая четырёхконечная незакрашенная звезда
✦		✦	Заострённая четырёхконечная закрашенная звезда
⍟		⍟	Звезда в круге
⊛		⊛	Снежинка в круге
часы, время
⏰		⏰	Часы
⌚		⌚	Часы
⌛		⌛	Песочные часы
⏳		⏳	Песочные часы

Существует довольно интересный способ получения кода Html мнемоник для необходимого вам знака. Для этого достаточно будет открыть редактор Microsoft Word, создать новый документ и выбрать из верхнего меню «Вставка» — «Символ» (я пользуюсь 2003 версией, поэтому не знаю как сделать аналогичную операцию в более поздних версиях).

В открывшемся окне вам нужно выбрать шрифт, например, Times New Roman (или любой другой, который заведомо будет присутствовать на большинстве компьютеров посетителей вашего сайта — Courier или Arial, к примеру).

Добавьте из открывшегося списка в свой документ Word все нужные вам спецсимволы и сохраните данный вордовский документ как веб страницу (выбирается из выпадающего списка «.html» при сохранении). Ну, а затем вам лишь останется открыть эту веб страницу в любом Html редакторе (все тот же Notepad++ подойдет) и вы увидите все цифровые коды нужных вам мнемоник:

Способ немного сложноватый, но если приспичит использовать на странице своего сайта какой-нибудь редкий спецсимвол, то это будет проще, чем отыскивать в сети интернет таблицы, подобные приведенной чуть выше. Полученный код спецсимвола вам нужно будет вставить в нужное место и вместо него на веб странице браузер отобразит нужный вам знак (например, неразрывный пробел).

Неразрывный пробел и мягкий перенос в примерах

Как я уже упоминал выше и как вы можете видеть из приведенной чуть выше таблицы спецсимволов, некоторые мнемоники в Html получили кроме цифрового еще и символьное обозначение для их более простого запоминания. Т.е. вместо знака решетки «#» (хеша) в символьных вариантах используются слова. Например, все тот же неразрывный пробел может быть записан либо как (цифровая мнемоника), либо как (символьная).

При написании статей, если вам потребуется вставить в текст документа знак амперсанда (&) или открывающей угловой скобки (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Т.е., если вы пишите статью, в которой вам нужно будет в текст вставить, например, отображение тега < body> или же вам просто нужно вставить знак меньше (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Поэтому вам нужно будет вставить для решения подобной задачи следующую конструкцию:

Тоже самое касается и отображения кода самих мнемоник, ибо они начинаются с амперсанда. Вам нужно будет вставить в текст код с заменой знака амперсанда на его подстановку (спецсимвол):

Это нужно будет сделать, чтобы получить на странице <, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Также вы скорее всего будет использовать неразрывный пробел, который на веб странице будет выглядеть как обычный пробел, но при этом браузер не будет воспринимать его как пробельный символ вообще и не будет осуществлять по нему перенос (например, это будет уместно для таких словосочетаний, как 1400 гБ и т.п., которые не желательно будет разносить переносом по разным строкам):

1400 гБ.

Иногда может возникнуть обратная ситуация, когда в тексте присутствуют очень длинные слова и хочется сделать так, чтобы при возникновении необходимости браузер мог бы разбивать это слова переносом . Для таких целей предусмотрен спецсимвол «мягкий перенос» -

Длинноепредлин­ноеслово;

При возникновении необходимости перехода на другую строку, браузер вместо мнемоники мягкого переноса поставит дефис и отправит оставшуюся часть слова на следующую строку. Если места для размещения всего этого слова на одной строке будет достаточно, то никакого перевода строки браузер рисовать не будет. Вот так вот все просто.

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

");">

Вам может быть интересно

MailTo - что это и как в Html создать ссылку для отправки Емейла
Теги и атрибуты заголовков H1-H6, горизонтальной линии Hr, переноса строки Br и абзаца P по стандарту Html 4.01
Как вставить в HTML ссылку и картинку (фото) - теги IMG и A