Главная » Мегафон » Для чего нужен неразрывный пробел в html. Пробел в html как инструмент форматирования

Для чего нужен неразрывный пробел в html. Пробел в html как инструмент форматирования

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

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

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

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

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

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

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

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

Неразрывный пробел является одним из списка специальных символов html :

Привет тебе я шлю!
С неразрывным пробелом!

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

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

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

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

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

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

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

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

Хорошо Плохо

Набор из одного или нескольких предложений, связанных обсуждаемым контекстом - вот какое определение абзаца вы знали, не так ли?А в MS Word? Параграф - это блок текста…

Инструкция

Если такой пробел надо вставить в веб-страницу, то следует использовать специальный символ («мнемокод») языка HTML. В исходном коде страницы он будет выглядеть как такой набор символов: . Например:Это&nbsр;образец&nbsр;неразрывного&nbsр;текста.Этот фрагмент можно поместить в любое место текста страницы, и везде браузер будет помещать эти слова в одну строку, смещая переход на следующую строку либо на позицию перед этим блоком, либо после него.

Это свойство неразрывного пробела часто используют при веб-страниц не только для «склеивания» слов в , но и в качестве «распорки» в таблицах и других блочных элементах. Например, если в таблице не задана ширина, то в любую ее можно вставить (один или больше), и браузер не «сплющит» эту колонку до нулевой ширины, даже если все колонки будут пусты. Кроме того, с помощью таких пробелов можно без использования языка CSS (Cascading Style Sheets - «Каскадные таблицы стилей») изменять расстояние , вставляя их по два или больше.

Если неразрывный пробел надо поместить в текстовый документ, хранимый в файле с форматом какого-либо из офисных приложений (например, doc или docx), то можно воспользоваться соответствующей опцией текстового редактора Microsoft Word. Например, в версии Word 2007 для этого надо перейти на вкладку «Вставка» и в группе команд «Символы» открыть выпадающий список на кнопке «Символ». Выберите в нем самый нижний пункт - «Другие символы».

Перейдите на вкладку «Специальные знаки» открывшегося окошка и найдите в перечне строку, в которой написано «Неразрывный пробел». Затем нажмите кнопку «Вставить» и закройте окошко. Всю эту процедуру можно заменить нажатием сочетания назначенных ей горячих клавиш CTRL + SHIFT + Пробел.

Источники:

Неразрывный пробел снова перестал быть растяжимым

Автоформатирование в Microsoft Word не всегда соответствует тому, что вы пытаетесь написать, и время от времени программа редактирует формат текста некорректно. Например, существуют случаи, когда некоторые слова и фразы недопустимо разрывать автоматическим переносом части фразы на другую строку. Среди них – различные даты, инициалы, единицы измерения и многое другое. В этом случае победить автоформатирование, которое переносит часть важного сочетания слов или знаков на другую строчку, можно, установив неразрывный , который не дает разрывать строки и предотвращает ненужные переносы. Как поставить в своем тексте неразрывный пробел?

Инструкция

Откройте в основном меню Microsoft word раздел «Вставка» и выберите вставку символов. В появившемся окне нажмите «Другие » и на вкладке специальных знаков найдите в списке «Неразрывный пробел».

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

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

Видео по теме

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

Инструкция

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

Если при наборе текста вам важна исключительно скорость, а проверку вы предпочитаете отдавать компьютеру, воспользуйтесь сервисом «Автоматический перенос» текстового документа MC Word. Задать такую функцию в MC Word 2003 можно с помощью меню «Сервис», находящегося на главной панели инструментов. Нажав на кнопку «Сервис» левой кнопкой мыши, наведите курсор на раздел «Язык». В открывшемся контекстном меню выберите функцию «Расстановка ». Поставьте галочку в графе «Автоматическая » и подтвердите свои действия, нажав кнопку «ОК». Вы можете дополнить настройки автоматических переносов, выбрав ширину зоны переноса слов и максимальное число последовательных переносов. Ввделите необходимые числовые значения в соответствующие поля и нажмите «ОК». Сохраненные изменения будут применяться ко всем последующим документам MC Word.

Чтобы поставить автоматические в MC Word 2007 и выше, нажмите на кнопку «Макет страницы», которая находится на главной панели инструментов открытого документа MC Word. Наведите курсор на графу «Параметры страницы» и поставьте галочку рядом с полем «Расстановка переносов». Выберите вариант «Авто». Сохраните изменения, нажав «ОК».

Настроить автоматический перенос слов можно и в текстовом документе «Блокнот». Для этого в открытом окне программы нажмите на кнопку «Формат» на главной панели инструментов. Поставьте галочку в графе «Перенос по словам.

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

Вам понадобится

- html-редактор

Инструкция

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

Для сохранения точного количества пробелов между словами замените каждый обычный пробел символами " " (без кавычек) - это код неразрывного пробела в html. Например: «Между каждым словом два пробела ». Неразрывный пробел вставляется между двумя словами и для того, чтобы они не разделялись при переносе на другую строку. Для автоматической расстановки неразрывных пробелов в тексте удобно использовать известный инструмент Артемия Лебедева - «Типограф» (http://www.artlebedev.ru/tools/typograf/).

Еще один способ вставить задуманное количество пробелов в html между словами: заключите нужную часть текста в теги и. Тогда слова будут отображаться моноширинным шрифтом, но все обычные пробелы между словами при отображении на веб-странице сохранятся. Обратите внимание, у тега есть особенности: внутри него не допускается использование некоторых других тегов: и, .

Более сложный метод управления обработкой пробелов: используйте css-свойство white-space со значением pre или pre-wrap (без переноса строк внутри элемента и с переносом строк соответственно). Укажите это свойство в описании стиля страницы или отдельно взятого элемента html-вёрстки. При использовании этого метода шрифт на моноширинный, а количество пробелов между словами сохраняется. Пример: Как вставить пробел в html-код?Или: .free_spaces {white-space: pre-wrap;}… Как вставить пробел в 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 является проприетарным и к использованию запрещён.

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

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

В сокращениях «и так далее», «и тому подобное», «так как», «то есть», «и другие», «до нашей эры», «южной широты» и подобных все элементы сокращения отделяются неразрывным пробелом.
и т. д. - и т. д.
и т. п. - и т. п.
т. к. - т. к.
т. е. - т. е.
и др. - и др.
до н. э. - до н. э.
ю. ш. - ю. ш.
Инициалы отбиваются друг от друга и от фамилии неразрывным пробелом.
А. С. Пушкин - А. С. Пушкин
Дж. Р. Р. Толкиен - Дж. Р. Р. Толкиен
Допустима также отбивка инициалов друг от друга и от следующей за ним фамилии тонкой шпацией, однако перенос инициалов либо фамилии на следующую строку запрещён. Независимо от выбора стиля отбивки инициалов необходимо придерживаться единства стиля в рамках всего документа или сайта.
В. В. Путин - В. В. Путин
В. Путин - В. Путин
Путин В. В. - Путин В. В.
Путин В. - Путин В.
Сокращённое слово отбивается от имени собственного неразрывным пробелом.
ул. Щорса - ул. Щорса
г. Москва - г. Москва
метрополитен им. Ленина - метрополитен им. Ленина
Число и соответствующее ему счётное слово отбиваются неразрывным пробелом.
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 ¢ .
Число и соответствующая ему единица измерения (кроме знаков градуса, минуты и секунды) отбиваются тонкой шпацией, разрыв строки запрещён.
400 м - 400 м
100 т - 100 т
451 °F - 451 °F
но 59°, 57′, 00″.
Знаки градуса, минуты и секунды отбиваются тонкой шпацией от последующих цифр.
59° 57′ 00″ - 59° 57′ 00″

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

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

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

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

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

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

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

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

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

Вставить символ в html-документ можно одним из способов:

скопировать изображение символа из окна браузера в окно своего визуального html-редактора
скопировать html-код символа непосредственно в код html-документа

Унимаем, что это два разных способа:

вставлять визуальное в визуальное
вставлять код в код.

Шрифт для символа, его размер и цвет в HTML можно задать кодом, вида:
КОД_СИМВОЛА
где,
Arial - шрифт,
10px - размер шрифта в пикселях,
#ff0000 - код цвета шрифта (красный)

Например:
☎ - размер шрифта символа 30px,
☎ - размер шрифта символа 30px, цвет - красный
☎ - размер шрифта символа 20px,
☎ - размер шрифта символа 10px.
Прим. Рекомендуемые шрифты для вставки спецсимволов - Arial, Verdana и Tahoma. Эти шрифты корректно отображают символы Юникод и сами, в свою очередь, корректно поддерживаются веб-приложениями.

«Символ»
(видимое отображение символа)
Из этой графы можно скопировать изображение символа и вставить его в окно текстового html-редактора. Символ скопируется с размером шрифта 20px. После завершения копирования может потребоваться индивидуальная подгонка размера шрифта непосредственно для скопированного знака.
«Наименование»
(только для важных или непонятных символов)
Пояснение назначения символа, его область применения, примеры...
«Мнемоника»
Мнемоника - это буквенная конструкция вида ", обозначающая буквенный код символа в HTML. Вставляется непосредственно в html-код html-документа. Мнемоники очень популярны среди профессиональных верстальщиков. Они прекрасно запоминаются человеком и поддерживаются всеми html-приложениями. Каждая мнемоника содержит буквенное имя (обозначение) своего символа и служебный знак (&), который служит сигналом к прочтению кода для браузера и не отображается на экране монитора. Имя каждой мнемоники уникально и легко читаемо, потому что образовано от англоязычного слова, характеризующего символ.
Мнемоника (греч.) - искусство запоминать что-либо. Мнемотехника применяется для облегчения восприятия труднозапоминаемой информации, когда объект запоминания приводится в ассоциативное состояние с чем-либо.
«Код»
Код - числовой десятичный код символа в HTML, вида &. Вставляется непосредственно в html-код html-документа. Числовой десятичный код состоит из числа, обозначающего порядковый номер символа в системе Юникод и нескольких служебных знаков (& и #), которые служат сигналом к прочтению кода для браузера и не отображаются на экране монитора. Числовой десятичный код имеет широкое распространение и применение, благодаря своей универсальности и простоте восприятия.

Символы управления в HTML (XHTML)

Символы управления в HTML (XHTML) - это служебные символы HTML-языка, которые используются при HTML-вёрстке веб-страницы. Эти символы обязан поддерживать любой браузер, поскольку без них невозможно правильное отображение HTML-текста. Символы управления не отображаются в тексте и, при прямом введении с клавиатуры - интерпретируются браузером как знаки препинания, призывающие к выполнению какого-либо действия при отрисовке страницы на экране.

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

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

Синтаксис и пунктуация


	пробел длины N (обычный пробел)
	пробел длины M (длинныйпробел)

-	мягкий перенос (непечатный знак)	-
‑	дефис		‑
-	тире длины N (обычное тире)	-	–
—	тире длины M (длинное тире)	—	—
.	точка		.
,	запятая		,
…	многоточие	…	…
:	двоеточие		:
;	точка с запятой		;
!	знак восклицания		! ǃ
?	вопросительный знак		?
@	«собачка»		@
*	«звездочка»		*
#	«решетка»		#
‘	одиночная верхняя левая кавычка	‘	‘
’	одиночная верхняя правая кавычка	’	’
‚	одиночная нижняя правая кавычка	‚	‚
“	двойная верхняя левая кавычка	“	“
”	двойная верхняя правая кавычка	”	”
„	двойная нижняя правая кавычка	&bdquo	„
«	двойная левая угловая кавычка (рус)	«	«
»	двойная правая угловая кавычка (рус)	»	»
́	знак ударения, пример: Вася́		́
"	апостроф, пример: Вас"я		"
´	акут, пример: Вас´я	´	´
¶	абзац (непечатный знак)	¶	¶
§	параграф	§	§
ˆ	акцент (перевёрнутая птичка)	ˆ	ˆ
˜	малая тильда	˜	˜
¦	вертикальный пунктир	¦	¦
(	круглая скобка влево		(
)	круглая скобка вправо		)
〈	угловая скобка влево	〈	〈
〉	угловая скобка вправо	〉	〉
‹	угловая скобка влево, вариант	‹	‹
›	угловая скобка вправо, вариант	›	›
[	квадратная скобка влево		[
]	квадратная скобка вправо		]
/	слэш (slash) - cимвол косой черты		/
\	обратный слэш (backslash)		\
⁄	косая дробная черта (знак деления)	⁄	⁄
ǀ	вертикальная черта		ǀ
ǁ	двойная вертикальная черта		ǁ
‾	надчеркивание, пример: Вася‾вася	‾	‾
¯	macron, пример: Вася¯вася	¯	¯

Товарные знаки и валюта

+	плюс	+	+
−	минус	−	- −
=	равно		=
±	плюс-минус	±	±
×	знак умножения	×	×
÷	знак деления	÷	÷
⋅	оператор «точка» (середина строки)	⋅	· ⋅
∗	оператор «звёздочка» (середина строки)	∗	∗
∼	оператор «тильда»	∼	∼
.	маркер списка (середина строки)	.
¹	верхний индекс «1»	¹	¹
²	верхний индекс «2»	²	²
³	верхний индекс «3»	³	³
Надстрочный и подстрочный индекс в HTML (XHTML) можно вставить при помощи тегов ^{и _{, соответственно: ЧИСЛО^{Надстрочный индекс} → ЧИСЛО Надстрочный индекс ЧИСЛО_{Подстрочный индекс} → ЧИСЛО Подстрочный индекс}}
½	дробь «одна вторая»	½	½
⅓	дробь «одна треть»		⅓
¼	дробь «одна четвёртая»	¼	¼
¾	дробь «три четверти»	¾	¾
№	знак номера		№
%	процент		%
‰	промилле	‰	‰
°	градусы	°	°
′	штрих (минуты, футы)	′	′
″	двойной штрих (секунды, дюймы) Пример 1: 30° 25′ 12″ Пример 2: 25′ 12″	″	″
µ	микро	µ	µ
π	Пи	π	π
ƒ	знак функции (не путать с «интеграл»)	ƒ	ƒ
∫	интеграл	∫	∫
∅	перечеркнутый ноль, пустое множество (не путать с «диаметр»)	∅	∅
⌀	диаметр (не путать с перечёркнутой латинской «о»)		⌀
ø	латинская "o" диагонально перечёркнутая	ø	ø
Ø	латинская заглавная "O" диагонально перечёркнутая	Ø	Ø
∏	знак произведения	∏	∏
∑	знак суммирования	∑	∑
√	радикал (квадратный корень или корень степени x)	√	√
∝	пропорционально	∝	∝
∞	бесконечность	∞	∞
∠	угол	∠	∠
⊥	ортогонально (перпендикулярно)	⊥	⊥
∴	знак «cледовательно»	∴	∴
≅	приблизительно равно	≅	≅
≈	почти равно	≈	≈
≠	не равно	≠	≠
≡	идентично	≡	≡
≤	меньше или равно	≤	≤
≥	больше или равно	≥	≥
∧	логическое И	∧	∧
∨	логическое ИЛИ	∨	∨
⊕	знак «плюс в круге» (прямая сумма)	⊕	⊕
⊗	знак «умножение в круге» (векторное произведение, стрела от наблюдателя)	⊗	⊗
ʘ	точка в круге (стрела на наблюдателя)		ʘ










				✵ ✵

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

Давайте для начала напишем простой HTML-код :

Некий текст Продолжение...

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

Существуют три варианта отображения дополнительных пробелов в HTML . Первый способ - это использование тега <pre >:

Некий текст Продолжение...

В результате, Вы увидите, что пробелы остались, а именно этого мы и добивались.

Но есть и другой способ, который я использую регулярно - сущность "". Данная сущность просто заменяет символ пробела:

Некий текст Продолжение...

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

И, наконец, последний способ - это использование CSS . Для этого Вам достаточно добавить такой стиль:

P {
white-space: pre;
}

Данный способ самый быстрый и простой, однако, я его не использую, так как в моей практике встречается мало случаев, в которых мне приходится добавлять много подряд идущих пробелов. А если они и случаются, то использую сущность " " несколько раз. Вдобавок, свойство white-space поддерживается не всеми браузерами (в частности, IE6 и IE7 не поддерживают), что уже ограничивает область действия данного способа.

В общем, резюмирую:

1) Если у Вас какая-нибудь часть текста содержит много пробелов в разных местах, то используйте тег <pre >.

2) Если у Вас где-нибудь встречается одиночный момент, где нужно несколько пробелов подряд, то используйте сущность " ";

3) Если же у Вас вся страница соткана из кучи подряд идущих пробелов (хотя это бывает крайне редко), то используйте свойство white-space со значением pre .

Если Вы хотите узнать больше по HTML , то посмотрите мой бесплатный курс с примером создания сайта на HTML :

Просмотров