Невидимый пробел html: Неразрывный пробел HTML | Impuls-Web.ru

Инструкция как в HTML коде сделать длинный неразрывный пробел

В этой инструкции вы узнаете о том как вставить неразрывный пробел в HTML. Расскажу об особенностях и нюансах вставки длинных пробелов в код.

Самое главное — не стоит путать неразрывный пробел с обычным!

Что такое неразрывный пробел в HTML?

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

Пример предельно простой. Многие из вас наверное помнят, как осуществляли «форматирование пробелами» какого-нибудь важного документа, будучи начинающими пользователями Ворда. Поставишь 30 пробелов подряд и, что называется, будет выравнено как надо!

В HTML такие фокусы не прокатят. Если я сейчас напишу 30 пробелов при написании поста в HTML-редакторе, он просто проигнорирует их, отображая лишь один.

И, соответственно, не проигнорирует неразрывный пробел как элемент форматирования вашего HTML-кода.

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

Как в HTML сделать неразрывный пробел?

Приведу пример для интернет-магазинов. В длинной строке использование пробела в тексте или таблице обычным текстом «25 000 долларов» может привести к тому что в отдельных случаях у вас «25» будет на одной строке, а «000 долларов» — на другой. Сходные ситуации действительно возможны и неразрывный пробел страхует от этого. Код:

25 000 долларов

При использовании этого кода, запись «25 000 долларов» будет целиком на новой строке, если браузер вдруг захочет ее перенести (в случае если не влезает).

Пример кода неразрывного пробела (non-breaking space) позволит вам сделать пробел в любом месте HTML-страницы:

 

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

       

Обычно конечно это не требуется. Все гораздо приземленнее, например, если нужно перенести на новую строку ФИО целиком, а не делая инициалы «повисшими» на предыдущей строке (или если речь идет о большом и длинном числе вида 900 000 000). Код:

П.П. Петров

Кстати, в Ворде неразрывный пробел вставляется CTRL+SHIFT+SPACE.

Распространено некорректное применение неразрывного пробела в верстке — для задания отступов между элементами навигации или абзацем и картинкой. Вы должны понимать, что не надо так. Лучшее решение подобных задач — тегом <div></div> или <span></span>.

Итог

Резюмируя:

• Если у вас встречается потребность в нескольких пробелах подряд, используйте спецсимвол nbsp между словами столько раз, сколько нужно.
• Помните, что длинный пробел не позволяет разорвать строку на месте словосочетания — используйте этот спецсимвол с умом, не злоупотребляя и не применяя в качестве «напильника» для того, чтобы поправить немного верстку.
• Для регулирования длины пробела используйте ensp и emsp. Ensp — длинный пробел, равный длине двух обычных пробелов (длина «N»). Emsp — самый длинный пробел, по длине равный четырем обычным пробелам (длина «M»).

&ensp;

&emsp;

Есть также принудительный разрыв строки br и предварительное форматирование текста тегами <pre></pre>, но это тема отдельной статьи и поговорим мы об этом как-нибудь потом.

Памятка: не забудьте о том, что набор HTML-кода нужно осуществлять в редакторе для обработки кода (в WordPress есть специальная вкладка для этого).

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

© Все права защищены.

Не все пробелы одинаково полезны!

Содержание

1. Вступление
2. Где нежелательно разрывать строку
   • Перед тире в середине текста
   • Между числом и единицей измерения
   • Перед знаком процента
   • Перед обозначением температурной шкалы
   • После знаков номера и параграфа
   • В многозначных числах
   • В стандартных сокращениях
   • После инициалов, обращений, званий, перед номерами правителей
   • В торговых марках, продуктах, моделях, версиях
   • После географических сокращений
   • После частиц НЕ и НИ
   • После одно- и двухбуквенных предлогов и союзов А, И, НО
   • Перед частицами БЫ, ЛИ, ЖЕ
3. Где не нужно использовать неразрывный пробел
4. Как обозначается неразрывный пробел
5. Как ввести символ неразрывного пробела

Взгляните на приведенный ниже текст:

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

И видим:

• Э. А. Шеварднадзе: инициалы Э. А. остались на одной строке, а фамилия «уехала» на следующую.
• 1985—1991 гг.: годы остались на одной строке, а обозначение гг. сместилось на следующую.
• 2004 и г. тоже оказались на разных строках.
• Палажченко — руководитель службы: тире оказалось в начале строки и стало выглядеть, как начало прямой речи.

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

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

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

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

Вернуться к содержанию 

Где нежелательно разрывать строку

Попробуем разобраться, в каких местах есть смысл применять неразрывный пробел. Формальных правил его употребления нет; каждый определяет необходимость и строгость правил его употребления самостоятельно. Но общая идея та же: неразрывный пробел нужен там, где нежелателен перенос строки.

Рассмотрим типичные случаи.

Вернуться к содержанию 

Перед тире в середине текста

Знак тире может «легально» оказаться в начале строки в трех случаях:

— Если тире обозначает прямую речь.
— Если (как в этой строке) тире обозначает элемент маркированного списка.
— Если тире играет роль прочерка на месте отсутствующего значения (обычно в таблицах и списках технических данных).

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

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

Плохо	Хорошо
Неразрывный пробел — средство оформления текста.	Неразрывный пробел — средство оформления текста.

Вернуться к содержанию  

Между числом и единицей измерения

Текст выглядит неаккуратно, если в нем встретились сочетания типа «число + имя существительное» (

150 кг, 22 км, 1961 г.), но число осталось на одной строке, а существительное (единица измерения) уехало на следующую. Поэтому между числом и относящимся к нему существительным нужно ставить неразрывный пробел, который не даст им разъединиться. Число может быть записано римскими цифрами:

Плохо	Хорошо
Размах крыла «Боинга-787» — 60,17 м.	Размах крыла «Боинга-787» — 60,17 м.
Иммануил Кант родился в 1724 г.	Иммануил Кант родился в 1724 г.
Наша сборная заняла III место на чемпионате.	Наша сборная заняла III место на чемпионате.
Аристотель жил в VI веке до н. э.	Аристотель жил в VI веке до н. э.

Бывает и обратное расположение — существительное + число:

Плохо	Хорошо
Безопасности в авиации посвящена гл. XII «Воздушного кодекса».	Безопасности в авиации посвящена гл. XII «Воздушного кодекса».

Вернуться к содержанию  

Перед знаком процента

Своеобразной единицей измерения является также процент (1/100 часть), поэтому знак процента % тоже следует отбивать от предыдущего числа пробелом. На этот счет существуют разные мнения, и некоторые пишут знак процента без пробела. Однако ГОСТ 8.417 требует его ставить. Если вы применяете пробел перед знаком процента, ставьте неразрывный.

Плохо	Хорошо
Наши тесты проходят всего 2–3 % соискателей.	Наши тесты проходят всего 2–3 % соискателей.

Вернуться к содержанию 

Перед обозначением температурной шкалы

Примечательно, что символы угловой минуты ‘, угловой секунды « и градуса ° (если это градусы угла, а не температуры) отбивать пробелом от числа не требуется. Однако правила требуют отбивать обозначение температурной шкалы: °C — градусы Цельсия, °F — градусы Фаренгейта. Нельзя допускать, чтобы температурная шкала «удрала» от числа на следующую строку, поэтому нужно «привязать» ее неразрывным пробелом:

Плохо	Хорошо
Температура таяния льда — 32 °F, а в градусах Цельсия — 0 °C.	Температура таяния льда — 32 °F, а в градусах Цельсия — 0 °C.

Вернуться к содержанию 

После знаков номера и параграфа

Знаки номера № и параграфа § необходимо отбивать от относящихся к ним цифр пробелом, разумеется, неразрывным:

Плохо	Хорошо
У Швейка была винтовка № 4268.	У Швейка была винтовка № 4268.
Формы сказуемого описаны в § 167 «Розенталя».	Формы сказуемого описаны в § 167 «Розенталя».

Вернуться к содержанию 

В многозначных числах

Закончим с числами. Сложно сходу прочитать многозначное число, не разбитое на группы. Попробуйте понять: 299792458 м/с — какой порядок у этого числа? Десятки миллионов? Сотни миллионов? Миллиарды? (Это скорость света в метрах в секунду. )

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

Плохо	Хорошо
Скорость света в вакууме — 299 792 458 м/с.	Скорость света в вакууме — 299 792 458 м/с.
Расстояние от Солнца до Земли — 150 000 000 км.	Расстояние от Солнца до Земли —  150 000 000 км.

Примечания:

• Разбивать число на группы нужно, только если количество цифр в нем больше четырех. Годы, марки машин (например, КамАЗ-5490, BMW 3200) и т. п. разбивать на группы не требуется.
• В английском языке, с которого чаще всего выполняется перевод, символом разделителя групп является не пробел, а запятая. Но в русском она играет другую роль — отделяет дробную часть числа. В английском языке 300,000 — это триста тысяч, в русском — триста целых ноль тысячных. А использовать в качестве разделителя групп точку в русском языке запрещает уже упомянутый выше справочник Мильчина и Чельцовой.

Вернуться к содержанию 

В стандартных сокращениях

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

Многие пишут такие сокращения вообще без пробела — т.е., н.э. и так далее. Но, строго говоря, это неправильно: поскольку два «исходных» слова разделены пробелом, он должен сохраняться и в сокращении. А чтобы такое двойное сокращение не расползлось на две строки, этот пробел должен быть неразрывным:

Плохо	Хорошо
37 г. до н. э.	37 г. до н. э.
Программы для автоматизированного перевода — Trados, memoQ и т. п.	Программы для автоматизированного перевода — Trados, memoQ и т. п.

Вернуться к содержанию 

После инициалов, обращений, званий, перед номерами правителей

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

Заметим, что если инициалов несколько, нельзя выбрасывать пробел между ними. Нельзя также удалять пробел между инициалом и фамилией. Пушкин А.С., Л.Н.Толстой — так часто пишут, но это ошибочное написание.

Плохо	Хорошо
Пушкин А. С.	Пушкин А. С.
А. С. Пушкин	А. С. Пушкин

Нельзя также отрывать от фамилии сокращенное обращение — г-н (господин), д-р (доктор) и т. п.:

Плохо	Хорошо
г-жа Севастьянова	Г-жа Севастьянова
д-р Васильев	д-р Васильев

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

Плохо	Хорошо
Иоанн Павел II	Иоанн Павел II
Карл XII	Карл XII
Елизавета II	Елизавета II

Вернуться к содержанию 

В торговых марках, продуктах, моделях, версиях

Владельцам торговых марок, названия которых состоят из нескольких слов, вряд ли понравится, если их детище окажется разорванным на две части:

Плохо	Хорошо
General Motors	General Motors
Procter & Gamble	Procter & Gamble
Sun Microsystems	Sun Microsystems

То же относится к моделям, продуктам, версиям программ и т.  п., а также к их номерам — их тоже нельзя отрывать от «основного» названия:

Плохо	Хорошо
Windows 10	Windows 10
Audi A6	Audi A6
Boeing 737	Boeing 737
USB 3.0	USB 3.0

Вернуться к содержанию 

После географических сокращений

Существуют устоявшиеся сокращения для географических обозначений р. (река), г. (гора), о-в (остров), ул. (улица) и т. д. — их нельзя отделять от соответствующих названий и номеров:

Плохо	Хорошо
р. Миссисипи	р. Миссисипи
о-ва Туамоту	о-ва Туамоту
г. Аконкагуа	г. Аконкагуа
ул. Сумская, д. 26	ул. Сумская, д. 26

Вернуться к содержанию 

После частиц НЕ и НИ

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

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

Плохо	Хорошо
Ни в коем случае не нажимайте на эту кнопку.	Ни в коем случае не нажимайте на эту кнопку.
Самолет за нами не прилетит.	Самолет за нами не прилетит.

Вернуться к содержанию 

После одно- и двухбуквенных предлогов и союзов А, И, НО

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

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

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

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

Плохо	Хорошо
Не только заказчики, но и многие переводчики не знают о существовании технологии памяти перевода.	Не только заказчики, но и многие переводчики не знают о существовании технологии памяти перевода.

Вернуться к содержанию 

Перед частицами БЫ, ЛИ, ЖЕ

Предлоги и союзы логически связаны со следующим словом, а частицы бы, ли, же — наоборот, с предыдущим. Когда они отрываются от слова-хозяина и «уезжают» на следующую строку, текст выглядит дисгармонично:

Плохо	Хорошо
Остается проверить, применимо ли правило в данном случае.	Остается проверить, применимо ли правило в данном случае.
Верстальщикам рекомендуется хотя бы поверхностно разобраться в принципах работы CAT-технологий.	Верстальщикам рекомендуется хотя бы поверхностно разобраться в принципах работы CAT-технологий.

Вернуться к содержанию 

Где не нужно использовать неразрывный пробел

Мы разобрались, как «работает» неразрывный пробел и где следует его применять. Теперь разберемся, где его применять не следует.

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

Итак, где не нужно применять неразрывные пробелы:

• Где попало. Многие, не разобравшись, ставят их везде, чуть ли не после каждого слова. В результате бедный текстовый редактор получает указание отображать целое предложение так, как будто это одно очень длинное слово, которое нельзя разрывать, — и сходит с ума.
• Для присоединения предлогов, союзов и частиц, состоящих их более чем из двух букв. Когда слишком длинное слово «утаскивается» на следующую строку, предыдущая строка становится слишком короткой. Получается некрасиво — слишком заметна разница в длине строк, особенно если сами строки короткие.
• Если в тексте уже есть теги &nbsp; или NBSP. Факт их наличия говорит о том, что в этом конкретном тексте знак неразрывного пробела передается не символом, а тегом.
• Если текст расположен в узких столбцах. Чрезмерное увлечение неразрывными пробелами в тексте, разбитом на короткие строки, иногда приводит к тому, что до неприличия расширяются обычные пробелы.

Вернуться к содержанию 

Как обозначается неразрывный пробел

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

Если отобразить скрытые символы, текст из скриншота в начале статьи будет выглядеть вот так:

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

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

Вернуться к содержанию 

Как ввести символ неразрывного пробела

• Через ALT-код символа неразрывного пробела. В среде Windows неразрывный пробел можно вставить где угодно (т. е. в любом месте, где допустим ввод текста) с помощью ALT-кода. ALT-код символа неразрывного пробела — 0160.
• Комбинацией клавиш. По умолчанию в Word есть своя комбинация клавиш для символа неразрывного пробела — CTRL+SHIFT+ПРОБЕЛ. Эта же комбинация клавиш работает и в большинстве «кошек» — в Trados Studio, memoQ, Wordfast и других.

* * *

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

Вернуться к содержанию 

Добавить пробел в HTML — Инструкции

к Джозеф Браунелл / вторник, 20 июля 2021 г. / Опубликовано в HTML, Latest

Добавление пробела в HTML: Обзор

           В этом руководстве показано, как добавить пробел в HTML. Любые пробелы, которые вы вводите в текст HTML для отображения в браузере, кроме одного пробела между словами, игнорируются. Таким образом, вы должны кодировать желаемые пробелы в вашем документе. Вы можете добавить пробел в HTML к любым строкам текста. Вы можете использовать   Объект HTML для создания пробелов как в тексте абзаца, так и в тексте таблиц, например. Поскольку в HTML нет символа пробела, вы должны ввести сущность   для каждого добавляемого пробела.

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

Субъект:
Пример:	Это добавит пять       пробелы.
Результат:	Это добавит пять     пробелов.

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

Добавить пробел в HTML: Инструкции

1. Чтобы добавить пробел в HTML к тексту , введите объект   для каждого пробела для добавления.

Добавление пробелов в HTML: видеоурок

            В следующем видеоуроке под названием «Вставка пробелов» показано, как добавлять пробелы в текст в HTML. Этот видеоурок является частью нашего полного курса обучения HTML5 и CSS3 под названием «Освоение HTML5 и CSS3 Made Easy v.1.0».

Отмечен под: добавить, добавить пробел в html, добавить пробел в html, добавить пробел в текст в html, пробел в html, код, кодирование, курс, редактировать, сущность, помощь, как добавить пробел в текст html, как добавить пробел в html, как добавить пространство к тексту в html, с практическими рекомендациями, html, объект HTML, учебник по HTML, html5, вставка, инструкции, учиться, урок, nbsp, nbsp в html, тег nbsp, обзор, самостоятельная работа, тег, теги, учить, обучение, учебник, видео

org/Person»> О Джозефе Браунелле

Что вы можете прочитать дальше

Распродажа! Полный доступ за 49 долларов США 1 Дни 5 Часы 58 Минуты 13 Секунды $199 $49 Вся библиотека!

См. Сделку

css — Символ HTML — Невидимое пространство

Задавать вопрос

спросил 9 лет, 2 месяца назад

Изменено 4 года, 2 месяца назад

Просмотрено 44к раз

У меня есть сайт под названием Dalton Empire .

Когда пользователь копирует «DaltonEmpire», я хочу, чтобы «Dalton Empire» была добавлена ​​в его буфер обмена.

Я нашел только одно решение; используйте пробел, но сделайте интервал между буквами -18px . Нет ли более аккуратного решения, такого как символ HTML для этого?

Мой пример JSFiddle и код:

 span.nospace {
  межбуквенный интервал: -18px;
} 

 <ол>
  
ДалтонИмперия
  
Далтон‌Империя
  
Далтон‍Империя
  
Далтон​Империя
  
Dalton Empire Единственный, который работает
  
 

• html
• css
• скрытый
• пробел

Вы выглядите примерно так:

HTML пробел:   ?

2

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

• https://en.wikipedia.org/wiki/Zero-width_space
• https://en.wikipedia.org/wiki/HTML_element#wbr
• http://graphemica.com/search?q=space

1

Для этого можно использовать межсловный интервал . Однако, чтобы сделать свойство более динамичным, вы хотите использовать единицу измерения em . Таким образом, единица основана на размере шрифта, поэтому фактически поддерживает все семейства шрифтов и размеров шрифта:

 ол ли
{
    интервал между словами: -.2em;
}
 

em — это не абсолютная единица измерения, а относительная единица измерения. текущий выбранный размер шрифта.

источник: почему em вместо px?

4

Вы также можете использовать размер шрифта: 0; демо

 span.
No related posts.