Неразрывное тире html – «Подскажите кодировку для длинного и среднего тире, пожалуйста. Какими еще методами можно их поставить?» – Яндекс.Знатоки

Неразрывный дефис html — CodeRoad

Я знаю, что есть не нарушая whitespace —   . Есть ли неразрывный тире (-), который я могу использовать, чтобы мое слово не обернулось (сломалось) в этом месте. Также может кто-то указать мне на список с символами, которые считаются приоритетными при разрыве предложения ( например, whitespace). Заранее спасибо 🙂

css html5

Поделиться Источник user3719857     14 января 2016 в 13:47

1 Ответ



8

Используйте ‑ вместо -, см. Следующий пример:

.box {
  border:1px solid #000;
  width:40px;
  word-wrap:normal;
}
<div>
  This is a test&#8209;case / test-case
</div>

Поделиться Sebastian Brosch

    14 января 2016 в 13:55



Неразрывный дефис длиннее обычного

Я работаю над приложением, которое использует структуру макета текста Adobe для обработки текста. Я столкнулся с проблемой, когда вставка неразрывного дефиса (U+2011) отображается примерно в два…


ненулевой ширины не фуганщик неразрывный пробел

Есть ли пробел unicode символ, который и будет использоваться в URL. С точки зрения этой страницы есть ненулевой ширины не фуганщик неразрывный пробел?


Неразрывное отображение дефиса в виде подчеркивания в популярных мобильных браузерах — что я должен делать как веб-разработчик?

Мне нужен был неразрывный дефис на веб-странице, поэтому я использовал его: foo&#8209;bar Все работало нормально, когда я тестировал его на своем ноутбуке, как на Firefox, так и на Chromium….


HTML сущностей: когда использовать десятичное число против Hex

Есть ли хорошее эмпирическое правило для использования десятичной и шестнадцатеричной нотации для HTML сущностей? Например, неразрывный дефис записывается в десятичной системе счисления как…


Как скрыть мягкий дефис (&shy;) в 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.

Разные символы

Символы пунктуации и орфографии
СимволМнемоникаКодОписание
&&amp;&#38;Амперсанд
&hellip;&#8230;Многоточие
&thinsp;&#8201;Узкий пробел
&ensp;&#8194;Обычный пробел
&emsp;&#8195;Длинный пробел
 &nbsp;&#160;Неразрывный пробел
&ndash;&#8211;Тире
&mdash;&#8212;Длинное тире
 &#8209;Неразрывный дефис
­&shy;&#173;«Мягкий» дефис (место возможного переноса строки)
«&quot; &#34;Двойная кавычка
&lsaquo;&#8249;Левая одиночная угловая кавычка
&rsaquo;&#8250;Правая одиночная угловая кавычка
«&laquo;&#171;Левая двойная угловая кавычка
»&raquo;&#187;Правая двойная угловая кавычка
&lsquo;&#8216;Левая одиночная кавычка
&rsquo;&#8217;Правая одиночная кавычка
&sbquo;&#8218;Нижняя одиночная кавычка
&ldquo;&#8220;Левая двойная кавычка
&rdquo;&#8221;Правая двойная кавычка
&bdquo;&#8222;Нижняя двойная кавычка
Диакритические знаки
СимволМнемоникаКодОписание
 &#39;Апостроф
´&acute;&#180;Ударение, акут
́ &#769;Ударение
¨&uml;&#168;Умлаут (умляут, диаерезис, диаересис)
¯&macr;&#175;Макрон
¸&cedil;&#184;Седиль (седилья)
ˆ&circ;&#710;Циркумфлекс
˜&tilde;&#732;Малая тильда
Символы на основе букв и слов
СимволМнемоникаКодОписание
@ &#64;
Латинская лигатура AC, собака
©&copy;&#169;Знак охраны авторского права (copyright)
&trade;&#8482;Знак торговой марки (trade mark)
®&reg;&#174;Знак зарегистрированной торговой марки (registered)
ª&ordf;&#170;Женский порядковый числитель
º&ordm;&#186;Мужской порядковый числитель
&weierp;&#8472;Заглавная латинская P, мощность, функция Вейерштрасса
&image;&#8465;Черная заглавная латинская I, мнимая часть комплексного числа
&real;&#8476;Черная заглавная латинская R, вещественная часть комплексного числа
&alefsym;&#8501;Символ Алеф, мощность множества (кардинальное число множества)
µ&micro;&#181;Знак микро
Карточные символы
СимволМнемоникаКодОписание
&spades;&#9824;Пики
&clubs;&#9827;Крести, трилистник
&hearts;&#9829;Червы, валентинка
&diams;&#9830;Бубны
Указатели рукой
СимволМнемоникаКодОписание
 &#9754;Рука указывающая влево
 &#9755;Рука указывающая вправо
 &#9756;Контур руки указывающей влево
 &#9757;Контур руки указывающей вверх
 &#9758;Контур руки указывающей вправо
 &#9759;Контур руки указывающей вниз
Прочие символы
СимволМнемоникаКодОписание
·&middot;&#183;Точка посередине
¡&iexcl;&#161;Перевернутый восклицательный знак
¿&iquest;&#191;Перевернутый вопросительный знак
¦&brvbar;&#166;Разорванная вертикальная линия
§&sect;&#167;Параграф, абзац
&para;&#182;Возврат каретки, абзац
&dagger;&#8224;Крест, кинжал
&Dagger;&#8225;Двойной кинжал
&bull;&#8226;Маленький черный кружок
&permil;&#8240;Промилле
&prime;&#8242;Минуты, фут
&Prime;&#8243;Секунды, дюйм
&oline;&#8254;Верхняя черта
&lceil;&#8968;Левая скобка загнутая сверху
&rceil;&#8969;Правая скобка загнутая сверху
&lfloor;&#8970;Левая скобка загнутая снизу
&rfloor;&#8971;Правая скобка загнутая снизу
&lang;&#9001;Левая угловая скобка
&rang;&#9002;Правая угловая скобка
&loz;&#9674;Ромб
 &#10003;Галочка

Правила типографа

Дефисы и тире

Расстановка дефисов в обезличенных местоимениях и междометиях (напр.: кто то кто-то, где то где-то и так далее).
Dash.to_libo_nibud

Расстановка дефисов между из-за, из-под.
Dash.iz_za_pod

Расстановка дефисов перед -ка, -де, -кась.
Dash.ka_de_kas

Тире заменять на длинное тире и привязывать его к предыдущему слову.

Выделение прямой речи.

Тире в конце строки (стихотворная форма):

Было
— Я тебя люблю… — Правда? — На самом деле нет.
Стало
— Я тебя люблю… — Правда? — На самом деле нет.

Пунктуация и знаки препинания

Расстановка запятых перед а, но.

Замена трех точек на знак многоточия.

Замена сдвоенных знаков препинания на одинарные.

Замена восклицательного и вопросительного знаков местами. Ставить в конце предложения !? не совсем верно, мы заменим на ?!.

Многоточие для обозначения незаконченности высказывания с сохранением вопросительного и восклицательного знаков.

Добавление точки в конце последнего предложения (по умолчанию выключено).

Расстановка апострофа в английских и русских словах.

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

Расстановка точек в сокращениях «и т. д. и т. п.».

Пробелы и табуляции

Удаление лишних пробельных символов и табуляций.

Удаление лишних пробелов между дефисом в местоимениях и наречиях (напр.: кто- то, заменится на кто-то).

Удаление пробелов перед и после знаков препинания.

Расстановка пробела после знаков препинания.

Расстановка пробела в словах после двоеточия.

Удаление пробела перед символом процента.

Удаление пробелов после открывающейся скобки и его расстановка перед и после блока скобок.

Неразрывный пробел после «как то:» в случае перечисления.

Текст и абзацы

Удаление повторяющихся слов (по умолчанию выключено).

Обрамление в <p></p> каждого абзаца.

Проставлять <br /> для новой строки.

Выделение ссылок из текста.

Выделение эл. почты из текста.

Специальные символы

Замена (r) на символ зарегистрированной торговой марки ®.

Замена (c) на символ копирайта ©.

Замена (tm) на символ торговой марки ™.

Замена стрелок на символы ← и →.

Расстановка дюйма после числа:

Было
Мой друг сказал: «Только 500» телевизоры самые крутые, остальное «фигня»».
Стало
Мой друг сказал: «Только 500″ телевизоры самые крутые, остальное „фигня“».

Сокращения и аббревиатуры

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

Объединение сокращений: и т. д., и т. п., в т. ч.

Расстановка пробелов перед сокращениями: см., им.

Расстановка пробелов перед сокращениями: гл., стр., рис., илл., ст., п.

Объединение сокращений и др.

Расстановка пробелов в сокращениях: г., ул., пер., д.

Расстановка пробелов перед сокращениями dpi и lpi.

Объединение сокращений P. S. и P. P. S.

Привязка аббревиатур форм собственности к названиям организаций.

Привязка аббревиатуры ГОСТ к номеру.

Установка пробельных символов в сокращении вольт.

Привязка сокращений: до н. э., н. э.

Замена символов и привязка сокращений в размерных величинах: м, см, м2, ….

Кавычки

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

Было
«Онлайн-кинотеатр «Аййо»».
Стало
«Онлайн-кинотеатр „Аййо“».

Мы считаем, что двухуровневые кавычки делают текст красивее. Ничего настраивать не надо.

Мильчин А. Э.
«Если внутри цитаты есть слова (словосочетания, фразы), в свою очередь заключенные в кавычки, то последние должны быть другого рисунка, чем кавычки, закрывающие и открывающие цитату…»

Оптическое выравнивание

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

Было
«Кока-Кола» впервые появилась в СССР в 1979 году в ходе подготовки Олимпийских игр в Москве.
Стало
«Кока-Кола» впервые появилась в СССР в 1979 году в ходе подготовки Олимпийских игр в Москве.

Свешивать открывающуюся кавычку-ёлочку.

Свешивать запятую и левую скобку.

Использовать inline-стилиto_libo_nibud:

<span>«</span>

Использовать классыto_libo_nibud:

<span>«</span>

Неразрывные конструкции

Привязка союзов и предлогов к написанным после словам.

Объединение в неразрывные конструкции слов с дефисом (по умолчанию выключено).

Объединение в неразрывные конструкции номера телефонов.

Объединение 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

Посвящается О. Н. и всем-всем-всем

Все тексты должны обязательно «обогащаться». Ни один текст не должен появиться на публике в исходном сыром виде.

Краткий справочник
&#167;§параграф
&#169;©знак охраны авторского права (copyright)
&#174;®символ зарегистрированного товарного знака
&#153;символ товарного знака
&#176;°знак градуса
&laquo;«левая кавычка (левая елочка)
&raquo;»правая кавычка (правая елочка)
&#146;апостроф
&#132;открывающая лапка
&#147;закрывающая лапка
&#147;открывающая английская лапка
&#148;закрывающая английская лапка
&#149;жирная точка
&#150;короткое тире (см. одноименный § 158)
&minus;минус
&#177;±плюс-минус
&#151;тире
&#8470;знак номера

Кавычки

В русских текстах используются «елочки» или „лапки“:

« … »

„ … “

См. также § 104. Кавычки

Во всех текстах на английском:

“ … ”

‘ … ’

Ни в коем случае не знаки дюйма и не «программистские» кавычки (которые используются только для набора исходных кодов программ или в электронной переписке):

» … »

Тире

Тире не надо путать с дефисом — оно обычно в два-три раза длиннее:

См. также § 97. Тире, минус и дефис, или Черты русской типографики

НеправильноПравильно
Коляныча — за пивом послать!Коляныча — за пивом послать!

Перенос слов

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

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

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

НеправильноПравильно
Коляныч пошел за
пивом
Коляныч пошел
за пивом

Крикну
— а в ответ тишина

Крикну —
а в ответ тишина

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

Привязки

Неразрывный диапазон (nobr) используется в случаях, когда неразрывный пробел (&nbsp;) неуместен. Это касается телефонных номеров и ряда слов, которые пишутся через дефис (некоторые браузеры переносят слова в месте дефиса).

<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

 


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *