Неразрывный дефис html — CodeRoad
Я знаю, что есть не нарушая whitespace —
. Есть ли неразрывный тире (-
), который я могу использовать, чтобы мое слово не обернулось (сломалось) в этом месте. Также может кто-то указать мне на список с символами, которые считаются приоритетными при разрыве предложения ( например, whitespace). Заранее спасибо 🙂
Поделиться Источник user3719857 14 января 2016 в 13:47
1 Ответ
8
Используйте ‑
вместо -
, см. Следующий пример:
.box {
border:1px solid #000;
width:40px;
word-wrap:normal;
}
<div>
This is a test‑case / test-case
</div>
Поделиться Sebastian Brosch
Неразрывный дефис длиннее обычного
Я работаю над приложением, которое использует структуру макета текста Adobe для обработки текста. Я столкнулся с проблемой, когда вставка неразрывного дефиса (U+2011) отображается примерно в два…
ненулевой ширины не фуганщик неразрывный пробел
Есть ли пробел unicode символ, который и будет использоваться в URL. С точки зрения этой страницы есть ненулевой ширины не фуганщик неразрывный пробел?
Неразрывное отображение дефиса в виде подчеркивания в популярных мобильных браузерах — что я должен делать как веб-разработчик?
Мне нужен был неразрывный дефис на веб-странице, поэтому я использовал его: foo‑bar Все работало нормально, когда я тестировал его на своем ноутбуке, как на Firefox, так и на Chromium….
HTML сущностей: когда использовать десятичное число против Hex
Есть ли хорошее эмпирическое правило для использования десятичной и шестнадцатеричной нотации для HTML сущностей? Например, неразрывный дефис записывается в десятичной системе счисления как…
Как скрыть мягкий дефис (­) в HTML / CSS
Я пытаюсь обернуть адрес email в div, где в противном случае он будет переполнен, потому что он слишком длинный для ширины div. Я знаю, что эта проблема была рассмотрена здесь раньше (например, этот…
Тест на разрыв линии
Как вы проверяете, является ли объект character/HTML разрывом строки или нет, используя JS? примеры символов разрыва строки: добрая старушка < это же космос — примерами неразрывных…
Android: как сделать нерушимый блок в TextView?
У меня есть длинный текст, содержащий имя, которое выглядит как something-something. Этот длинный текст показан в TextView. Проблема в том, что something-something получил разрыв строки. Я нашел…
XSL перевести неверный вывод
У меня проблема с переводом текста! <text>This is a non breaking -</text> <text> <span style=> <span style=>Testtext</span> </span> ‑ <span style=>…
Удалить дефис из переменной
Я пытаюсь удалить дефис из переменной, если это отрицательное число, но при использовании функции replace я получаю undefined is not a function. var extraDivs = checkNumDivs.length — 20; if…
Дефис или подчеркивание, которые лучше писать HTML class или id name
дефис или подчеркивание, которые лучше написать html class или id name. <div class=class-name> </div> or <div class=class_name> </div>
seodon.ru | Спецсимволы HTML
Опубликовано: 27.02.2011 Последняя правка: 16.12.2015
На этой странице вы найдете полные таблицы спецсимволов HTML для создания сайта — математические, денежные символы, стрелки, буквы латинского, греческого и кириллического алфавитов и многое другое. Спецсимволы HTML (мнемоники) — это конструкции SGML ссылающиеся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет на стандартной компьютерной клавиатуре либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.) или конкретный шрифт.
Чтобы разместить символ необходимо указать его мнемонику или код. Обратите внимание на то, что спецсимволы чувствительны к регистру, поэтому указывайте их точно так, как показано. К тому же некоторые из них (довольно немногие) могут не поддерживаться отдельными версиями популярных браузеров, в этом случае вместо символа вы увидите незакрашенный квадратик. Поэтому перед использованием спецсимволов рекомендуется проверить их на эту поддержку.
Гипертекстовый язык HTML является приложением SGML.
Разные символы
Символ | Мнемоника | Код | Описание |
---|---|---|---|
& | & | & | Амперсанд |
… | … | … | Многоточие |
  |   | Узкий пробел | |
  |   | Обычный пробел | |
  |   | Длинный пробел | |
|   | Неразрывный пробел | |
– | – | – | Тире |
— | — | — | Длинное тире |
‑ | ‑ | Неразрывный дефис | |
| ­ | ­ | «Мягкий» дефис (место возможного переноса строки) |
« | " | " | Двойная кавычка |
‹ | ‹ | ‹ | Левая одиночная угловая кавычка |
› | › | › | Правая одиночная угловая кавычка |
« | « | « | Левая двойная угловая кавычка |
» | » | » | Правая двойная угловая кавычка |
‘ | ‘ | ‘ | Левая одиночная кавычка |
’ | ’ | ’ | Правая одиночная кавычка |
‚ | ‚ | ‚ | Нижняя одиночная кавычка |
“ | “ | “ | Левая двойная кавычка |
” | ” | ” | Правая двойная кавычка |
„ | „ | „ | Нижняя двойная кавычка |
Символ | Мнемоника | Код | Описание |
---|---|---|---|
‘ | ' | Апостроф | |
´ | ´ | ´ | Ударение, акут |
́ | ́ | Ударение | |
¨ | ¨ | ¨ | Умлаут (умляут, диаерезис, диаересис) |
¯ | ¯ | ¯ | Макрон |
¸ | ¸ | ¸ | Седиль (седилья) |
ˆ | ˆ | ˆ | Циркумфлекс |
˜ | ˜ | ˜ | Малая тильда |
Символ | Мнемоника | Код | Описание |
---|---|---|---|
@ | @ | Латинская лигатура AC, собака | |
© | © | © | Знак охраны авторского права (copyright) |
™ | ™ | ™ | Знак торговой марки (trade mark) |
® | ® | ® | Знак зарегистрированной торговой марки (registered) |
ª | ª | ª | Женский порядковый числитель |
º | º | º | Мужской порядковый числитель |
℘ | ℘ | ℘ | Заглавная латинская P, мощность, функция Вейерштрасса |
ℑ | ℑ | ℑ | Черная заглавная латинская I, мнимая часть комплексного числа |
ℜ | ℜ | ℜ | Черная заглавная латинская R, вещественная часть комплексного числа |
ℵ | ℵ | ℵ | Символ Алеф, мощность множества (кардинальное число множества) |
µ | µ | µ | Знак микро |
Символ | Мнемоника | Код | Описание |
---|---|---|---|
♠ | ♠ | ♠ | Пики |
♣ | ♣ | ♣ | Крести, трилистник |
♥ | ♥ | ♥ | Червы, валентинка |
♦ | ♦ | ♦ | Бубны |
Символ | Мнемоника | Код | Описание |
---|---|---|---|
☚ | ☚ | Рука указывающая влево | |
☛ | ☛ | Рука указывающая вправо | |
☜ | ☜ | Контур руки указывающей влево | |
☝ | ☝ | Контур руки указывающей вверх | |
☞ | ☞ | Контур руки указывающей вправо | |
☟ | ☟ | Контур руки указывающей вниз |
Символ | Мнемоника | Код | Описание |
---|---|---|---|
· | · | · | Точка посередине |
¡ | ¡ | ¡ | Перевернутый восклицательный знак |
¿ | ¿ | ¿ | Перевернутый вопросительный знак |
¦ | ¦ | ¦ | Разорванная вертикальная линия |
§ | § | § | Параграф, абзац |
¶ | ¶ | ¶ | Возврат каретки, абзац |
† | † | † | Крест, кинжал |
‡ | ‡ | ‡ | Двойной кинжал |
• | • | • | Маленький черный кружок |
‰ | ‰ | ‰ | Промилле |
′ | ′ | ′ | Минуты, фут |
″ | ″ | ″ | Секунды, дюйм |
‾ | ‾ | ‾ | Верхняя черта |
⌈ | ⌈ | ⌈ | Левая скобка загнутая сверху |
⌉ | ⌉ | ⌉ | Правая скобка загнутая сверху |
⌊ | ⌊ | ⌊ | Левая скобка загнутая снизу |
⌋ | ⌋ | ⌋ | Правая скобка загнутая снизу |
〈 | ⟨ | 〈 | Левая угловая скобка |
〉 | ⟩ | 〉 | Правая угловая скобка |
◊ | ◊ | ◊ | Ромб |
✓ | ✓ | Галочка |
Дефисы и тиреРасстановка дефисов в обезличенных местоимениях и междометиях (напр.: кто то → кто-то, где то → где-то и так далее). Расстановка дефисов между из-за, из-под. Расстановка дефисов перед -ка, -де, -кась. Тире заменять на длинное тире и привязывать его к предыдущему слову. Выделение прямой речи. Тире в конце строки (стихотворная форма):
Пунктуация и знаки препинанияРасстановка запятых перед а, но. Замена трех точек на знак многоточия. Замена сдвоенных знаков препинания на одинарные. Замена восклицательного и вопросительного знаков местами. Ставить в конце предложения !? не совсем верно, мы заменим на ?!. Многоточие для обозначения незаконченности высказывания с сохранением вопросительного и восклицательного знаков. Добавление точки в конце последнего предложения (по умолчанию выключено). Расстановка апострофа в английских и русских словах. Удаление повторяющихся знаков препинания (восклицательные и вопросительные обрезаются до трех, море точек — до многоточия). Расстановка точек в сокращениях «и т. д. и т. п.». Пробелы и табуляцииУдаление лишних пробельных символов и табуляций. Удаление лишних пробелов между дефисом в местоимениях и наречиях (напр.: кто- то, заменится на кто-то). Удаление пробелов перед и после знаков препинания. Расстановка пробела после знаков препинания. Расстановка пробела в словах после двоеточия. Удаление пробела перед символом процента. Удаление пробелов после открывающейся скобки и его расстановка перед и после блока скобок. Неразрывный пробел после «как то:» в случае перечисления. Текст и абзацыУдаление повторяющихся слов (по умолчанию выключено). Обрамление в <p></p> каждого абзаца. Проставлять <br /> для новой строки. Выделение ссылок из текста. Выделение эл. почты из текста. Специальные символыЗамена (r) на символ зарегистрированной торговой марки ®. Замена (c) на символ копирайта ©. Замена (tm) на символ торговой марки ™. Замена стрелок на символы ← и →. Расстановка дюйма после числа:
Сокращения и аббревиатурыФорматирование денежных сокращений (расстановка пробелов и привязка названия валюты к числу). Объединение сокращений: и т. д., и т. п., в т. ч. Расстановка пробелов перед сокращениями: см., им. Расстановка пробелов перед сокращениями: гл., стр., рис., илл., ст., п. Объединение сокращений и др. Расстановка пробелов в сокращениях: г., ул., пер., д. Расстановка пробелов перед сокращениями dpi и lpi. Объединение сокращений P. S. и P. P. S. Привязка аббревиатур форм собственности к названиям организаций. Привязка аббревиатуры ГОСТ к номеру. Установка пробельных символов в сокращении вольт. Привязка сокращений: до н. э., н. э. Замена символов и привязка сокращений в размерных величинах: м, см, м2, …. | КавычкиДля расстановки кавычек мы написали несколько функций. Это позволяет максимально точно определить где именно должна закрываться кавычка, а также не запутаться между знаком дюйма и очередной кавычкой.
Мы считаем, что двухуровневые кавычки делают текст красивее. Ничего настраивать не надо. Мильчин А. Э. Оптическое выравниваниеНекоторые еще это называют висящей пунктуацией, когда открывающаяся скобка, кавычка-ёлочка и запятая выходят за вертикальную линию основного текста. Например:
Свешивать открывающуюся кавычку-ёлочку. Свешивать запятую и левую скобку. Использовать inline-стилиto_libo_nibud:
Использовать классыto_libo_nibud:
Неразрывные конструкцииПривязка союзов и предлогов к написанным после словам. Объединение в неразрывные конструкции слов с дефисом (по умолчанию выключено). Объединение в неразрывные конструкции номера телефонов. Объединение IP-адресов. Привязка инициалов к фамилиям. Объединение пятисимвольных слов разделенных дефисом (по умолчанию выключено). Привязка союзов и предлогов к предыдущим словам в случае конца предложения. Использовать nobr (по умолчанию) для неразрывных конструкций Использовать nowrap для неразрывных конструкций. Числа, дроби и математические знакиЗамена x на символ x в размерных единицах. Замена дробей 1/2, 1/4, 3/4 на соответствующие символы (по умолчанию выключено). Привязка символа параграфа к после идущему числу и слову. Замена символа номер с привязкой к после идущему числу. Объединение триад чисел полупробелом. Замена символа градус, плюс-минус. Даты и дниУстановка длинного тире и пробельных символов в периодах дат. Привязка даты к году. Расстановка тире и объединение периодов дней (по умолчанию выключено). Расстановка тире и объединение периодов месяцев (по умолчанию выключено). ВыдачаHTML-мнемоника (кодом). Unicode (символами). ПрочееДля неразрывных конструкций использовать nobr (по умолчанию). Для неразрывных конструкций использовать nowrap. Удаление nbsp в nobr/nowrap тега. Безопасный блок в тегах <notg></notg> (полностью отключает работу типографа). Игнорирование явного HTML-кода в: script, style, pre. Повторное типографирование текста. | ЗнанияПравила русского языка про «Кавычки». Книга «Справочник издателя и автора» Аркадия Мильчина и Людмилы Чельцовой. Третье издание, исправленное и дополненное. Эдиториум.ру, «О редактировании и редакторах». |
§ 62. Экранная типографика
§ 62. Экранная типографикаАртемий Лебедев
17 декабря 2000
Посвящается О. Н. и всем-всем-всем
Все тексты должны обязательно «обогащаться». Ни один текст не должен появиться на публике в исходном сыром виде.
Краткий справочник | ||
§ | § | параграф |
© | © | знак охраны авторского права (copyright) |
® | ® | символ зарегистрированного товарного знака |
™ | ™ | символ товарного знака |
° | ° | знак градуса |
« | « | левая кавычка (левая елочка) |
» | » | правая кавычка (правая елочка) |
’ | ’ | апостроф |
„ | „ | открывающая лапка |
“ | “ | закрывающая лапка |
“ | “ | открывающая английская лапка |
” | ” | закрывающая английская лапка |
• | • | жирная точка |
– | – | короткое тире (см. одноименный § 158) |
− | − | минус |
± | ± | плюс-минус |
— | — | тире |
№ | № | знак номера |
Кавычки
В русских текстах используются «елочки» или „лапки“:
« … »
„ … “
См. также § 104. Кавычки
Во всех текстах на английском:
“ … ”
‘ … ’
Ни в коем случае не знаки дюйма и не «программистские» кавычки (которые используются только для набора исходных кодов программ или в электронной переписке):
» … »
Тире
Тире не надо путать с дефисом — оно обычно в два-три раза длиннее:
См. также § 97. Тире, минус и дефис, или Черты русской типографики
Неправильно | Правильно |
Коляныча — за пивом послать! | Коляныча — за пивом послать! |
Перенос слов
Нужно уделять максимум внимания словам, которые могут быть перенесены на новую строчку при изменении ширины окна браузера.
Так как никто не может знать, когда и где предложение будет разбито на строчки, нужно обрабатывать все случаи. На строчке не могут остаться: инициалы, одно-, двух- и некоторая часть трехбуквенных слов, цифры года. На строчке должно остаться длинное тире.
Чтобы слова не перескакивали нежелательным образом, их нужно «привязывать» к соседним словам неразрывным пробелом:
Неправильно | Правильно |
Коляныч пошел за пивом | Коляныч пошел за пивом |
Крикну — а в ответ тишина | Крикну — а в ответ тишина |
Строгих правил по поводу переноса слов нет, все они носят рекомендательный характер. Каждый раз нужно вникать в смысл текста и привязывать предлоги и союзы к следующему за ними слову, а частицы — к предыдущему.
Привязки
Неразрывный диапазон (nobr) используется в случаях, когда неразрывный пробел ( ) неуместен. Это касается телефонных номеров и ряда слов, которые пишутся через дефис (некоторые браузеры переносят слова в месте дефиса).
<nobr>212-85-06</nobr> <nobr>во-первых</nobr> |
Нельзя писать номера телефонов на западный манер, то есть с одним дефисом (212-8506), нужно всегда писать с двумя. Допускается замена дефисов на пробелы, когда подряд указываются несколько номеров.
См. также: § 91. Краткая история телефонных номеров
Знаки в тексте
Во всех случаях надо использовать специальные знаки, не пытаясь их эмулировать с помощью других знаков.
Неправильно | Правильно |
(C) 2000 Vassily Poupkine(R) | © 2000 Vassily Poupkine® |
Пример набора
…Когда В. И. Пупкин увидел в газете («Сермяжная правда» № 45) рубрику Weather Forecast®, он не поверил своим глазам — температуру обещали ±451 °F.
Для того чтобы не расставлять все знаки и неразрывные пробелы руками, воспользуйтесь «Типографом»
Заказать дизайн…
Типы пробелов фиксированной ширины — AD — Архитектурная дизайн-студия — ЖЖ
В типографике фундаментальной относительной единицей является кегельная (круглая) шпация (em), или просто кегельная (круглая). Значение кегельной всегда равно кеглю, которым набирается текст. Если, например, кегель шрифта равняется 11 pt, то и кегельная равна 11 pt. Несмотря на своё название (em), кегельная отнюдь не равно ширине буквы «M», и действительно, очень редко эта буква полностью заполняет кегельную площадку.В типографике гораздо больше параметров выражается в долях кегельной, чем в пиках и пунктах. Тому прекрасный пример — ширина знаков. Ширины знаков измеряются в относительных единицах, а именно в долях кегельной.
Феличи Дж. Типографика: шрифт, вёрстка, дизайн. Пер. с англ. и коммент. С. И Пономаренко. — СПб.: ВХБ-Петербург, 2004.
________________________________________
Пробел
(Space) — интервал между буквами, который обозначает границы слов.Круглая шпация, Кегельная шпация (Em space, Em quad, Mutton) — пробельный элемент, высота и ширина которого равна текущему кеглю. Пробельный элемент примерно равен ширине прописной «M».
Полукруглая шпация, Полукегельная шпация, Эн, Полуэм (En space, En quad) — пробельный элемент, высота которого равна текущему кеглю, а ширина — половине круглой шпации, то есть половине данного шрифта. Пробельный элемент примерно равен ширине строчной «n».
Третная шпация, ⅟3 кегельной (Third Space, ⅟3 Em Space) — пробельный элемент, высота которого равна текущему кеглю, а ширина — ⅟3 кегля данного шрифта.
Четвертная шпация, ⅟4 кегельной (Quarter Space, ⅟4 Space) — пробельный элемент, высота которого равна текущему кеглю, а ширина — ⅟4 кегеля данного шрифта.
Шестерная шпация, ⅟6 кегельной (Sixth Space, ⅟6 Em Space) — пробельный элемент, высота которого равна текущему кеглю, а ширина — ⅟6 кегля данного шрифта.
Тонкая шпация, ⅟8 кегельной (Thin Space) — пробельный элемент, высота которого равна текущему кеглю, а ширина —
⅟8 кегля данного шрифта.Волосяная шпация, ⅟24 кегельной (Hair Space,
⅟24 Em Space) — пробельный элемент, высота которого равна текущему кеглю, а ширина — ⅟24 кегля данного шрифта.Цифровая шпация (Figure Space) — пробельный элемент, высота которого равна кеглю, а ширина — ширине цифры в выбранной гарнитуре. Неразрывный пробел, предназначенный для набора таблиц.
Пунктуационный пробел (Punctuation Space) — пробельный элемент, высота которого равна текущему кеглю, а ширина — ширине восклицательного знака, точки или двоеточия в выбранной гарнитуре.
Неразрывный пробел, жёсткий пробел (Nonbreaking Space, Hard Space) — межсловный пробел, который в процессе набора не позволяет переносить следующее слово на другую строку.
Неразрывный пробел фиксированной ширины (Nonbreaking Space Fixed Width) — пробел, которым отбивается тире (с правой стороны), стоящий в начале строки, например, при оформлении интервью (для того, чтобы при выключке по формату пробел после тире не увеличивался и был по всему тексту одинаковым).
Заполняющая шпация (Flush Space) — при наличии текста с выключкой на полный формат (Full Justify), где последним символом является декоративный элемент, который должен находиься в правом углу, а текст, при необходимости, отодвинуть максимально влево, используется данный пробел. Заполняющая шпация ставится перед декоративным элементом.
Применение различных типов провела в Adobe InDesign