Эта заметка послужила поводом для небольшой реконструкции всей Кухни Сидорова.

Теперь во всех ее уголках железобетонные кавычки в виде "дюймов" заменены на изящный пластик в виде “лапок”.

— Как хорошо на "Кухне", раньше говорил Мячиков.

— На “Кухне” стало просто замечательно! — восклицает теперь Петр.

Действительно, настоящее тире “—” смотрится гораздо лучше своей модели из двух дефисов: .

Что произошло

Можно сказать, что терпение дизайнеров лопнуло! Хотя нормальный вывод тире, “лапок” и других специальных (но таких необходимых) типографских знаков и сейчас возможен не на всех платформах, унижение дизайнеров достигло черты, у которой Артемий Лебедев в конце 2000 года выпустил специальный 62 параграф своего ру/ководства (www.design.ru/kovodstvo) под названием “Экранная типографика”.

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

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

С недавних пор в Студии Лебедева все тексты в HTML должны обязательно верстаться в “обогащенном” варианте. Ни один текст не должен появиться на публике в “сыром” виде.

Вся Кухня Сидорова, включая кота Скриптовича, тоже проголосовала “за”!

Краткий справочник

Ниже приводится краткий справочник специальных символов.

названиезнакмнемоникакод
амперсант&&
NN1,2,3,4,6 | IE3,4,5
&
NN1,2,3,4,6 | IE3,4,5
знак “меньше”NN1,2,3,4,6 | IE3,4,5NN1,2,3,4,6 | IE3,4,5
знак “больше”>>
NN1,2,3,4,6 | IE3,4,5
>
NN1,2,3,4,6 | IE3,4,5
неразрывный пробелNN1,2,3,4,6 | IE3,4,5NN1,2,3,4,6 | IE3,4,5
параграф§§
NN3,4,6 | IE3,4,5
§
NN1,2,3,4,6 | IE3,4,5
copyright©©
NN1,2,3,4,6 | IE3,4,5
©
NN1,2,3,4,6 | IE3,4,5
registered®®
NN1,2,3,4,6 | IE3,4,5
®
NN1,2,3,4,6 | IE3,4,5
знак градуса°°
NN3,4,6 | IE3,4,5
°
NN1,2,3,4,6 | IE3,4,5
левая елочка««
NN3,4,6 | IE3,4,5
«
NN1,2,3,4,6 | IE3,4,5
правая елочка»»
NN3,4,6 | IE3,4,5
»
NN1,2,3,4,6 | IE3,4,5
нижняя лапка„„
NN2,3,4,6 | IE3,4,5
многоточиеNN2,3,4,6 | IE3,4,5
один. откр. кавычка‘‘
NN1,2,3,4,6 | IE3,4,5
один. закр. кавычка’’
NN1,2,3,4,6 | IE3,4,5
левая лапка““
NN2,3,4,6 | IE3,4,5
правая лапка””
NN2,3,4,6 | IE3,4,5
жирная точка••
NN2,3,4,6 | IE3,4,5
средняя точка··
NN3,4,6 | IE3,4,5
·
NN1,2,3,4,6 | IE3,4,5
среднее тире––
NN2,3,4,6 | IE3,4,5
длинное тире——
NN2,3,4,6 | IE3,4,5
trademark™
IE3,4,5
™
NN2,3,4,6 | IE3,4,5
плюс-минус±±
NN3,4,6 | IE3,4,5
±
NN1,2,3,4,6 | IE3,4,5
номер
NN4,6 | IE3,4,5

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

Больше, меньше, амперсант

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

Текст предыдущего абзаца записан в так:

Но чтобы показать эти коды пришлось закодировать амперсант:

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

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

Вот характерные случаи использования этого символа (рекомендации Дмитрия Кирсанова):

    Между знаком номера и параграфа и относящимися к ним числами.

видкод
№ 13№ 13
§ 1§ 1

Между маркерами пунктов и следующим за ними текстом.

видкод
a) Первый пунктa) Первый пункт
1. Первый пункт1. Первый пункт

Между числами и относящимися к ним единицами измерениями величин.

видкод
220 в220 в
1024 байт1024 байт

Между числами и относящимися к ним единицами измерения дат.

видкод
XXI векXXI век
2001 г.2001 г.

Перед тире в середине предложения (после тире идет обычный пробел).

видкод
Пиксел — это точка на экране.Пиксел — это точка на экране.

Между классами многозначных чисел, начиная с пятизначных.

видкод
32 54132 541
4 937 543 2464 937 543 246

Перед номерами версий программных продуктов и частями их названий.

видкод
Windows 2000Windows 2000
Photoshop 5.5Photoshop 5.5

После одно- и двухбуквенных слов.

видкод
Иван пошел в лесИван пошел в лес
Там за горизонтомТам за горизонтом

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

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

видкод
NOBR >9-87-74 NOBR >
NOBR >во-первых NOBR >

Кавычки

Дмитрий Кирсанов в свой книге “Веб-дизайн” пишет:

Всего существует четыре типа кавычек: «французские» (иначе называемые «елочки»), „немецкие“ („лапки“), “английские обычные, или двойные”, и ‘английские одинарные’. В русском языке традиционно применяются французские «елочки», а для «кавычек „внутри“ кавычек» — немецкие „лапки“.

Артемий Лебедев считает, что “одноуровневые (верхние) лапки стали de facto стандартом за последние 10 лет” (из частной переписки).

На Кухне внимательно посмотрели на „немецкие“ и “английские” лапки и решили, что английские — более красивые.

Во всяком случае, знаком "дюйма" для кавычек мы больше пользоваться не будем.

Тире и дефис

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

Тире в середине предложения окружается: слева — неразрывным, а справа — обычным пробелом.

Код предыдущего абзаца записывается так:

Кодовые таблицы (справка)

ASCII

Эта кодировка ( A merican S tandart C ode for I nformation I nterchange) — восьмибитная (однобайтовая), но охватывает только 128 символов. Она включает латинский алфавит, цифры и основные знаки пунктуации. Все остальные стандартные кодировки совместимы с ней, то есть, размещают на первых 128 местах те же символы и в том же порядке. Вот почему люди часто говорят “ASCII”, хотя реально используют совсем другие кодировки.

Первый стандарт кодирования русских букв ( К од О бмена И нформации 8 битный). Кодировка применялась еще в годах на ЕС ЭВМ. Сейчас это стандарт для русскоязычной электронной почты. Понятно, что символы ASCII в ней остались на своих местах (как и в других кодировках).

CP1251

Кодировка Windows (Code Page 1251). Содержит русские буквы.

CP866

Или альтернативная кодировка. Или . Используется в операционной системе MS DOS. Эта кодировка принята в качестве стандартной в OS/2 и некоммерческой сети Фидо. Содержит русские буквы.

Latin-1

ISO ( I nternational S tandart O rganization) — международная организация по стандартизации для упорядочивания кодировок создала серию , расширяющих таблицу ASCII:

ISO-8859-1 — латиница с дополнительными символами
ISO-8859-5 — кириллица
ISO-8859-6 — арабский алфавит
ISO-8859-7 — греческий алфавит
ISO-8859-8 — иврит

Кодировка для кириллицы не прижилась. А вот кодировка для расширенной латиницы стала общепринятым стандартом .

В эту кодировку входят символы немецкого, французского, испанского и других алфавитов. Но русских букв в ней, конечно, нет!

Unicode

Стало понятно, что для кодов всех на свете символов одного байта никак не хватит! Так была придумана двухбайтовая кодировка Unicode. Эту кодировку “обязаны” понимать браузеры, начиная с версий.

В этой кодовой таблице (65 636 знакомест) есть все: китайский, корейский, японский и даже русский! Все живые, мертвые языки и 30% пока еще свободного места.

Unicode совместим с ASCII. Это означает, что первые 128 мест заняты под те же самые символы.

Точка
◌̇◌̣
◌̃◌̄◌̅◌̆◌̇◌̈◌̉◌̊◌̋
◌̟◌̠◌̡◌̢◌̣◌̤◌̥◌̦◌̧
ХарактеристикиНазвание◌̇: combining dot above
◌̣: combining dot belowЮникод◌̇: U+0307
◌̣: U+0323HTML-код◌̇‎:

  • ̇ или
  • ̇
    ◌̣‎:
  • ̣ или
  • ̣
  • UTF-16◌̇‎: 0x307
    ◌̣‎: 0x323
  • URL-код
  • ◌̇: %CC%87
    ◌̣: %CC%A3

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

    Содержание

    Точка сверху [ править | править код ]

    Точка сверху (англ. dot above, overdot, superdot ) ( ◌̇ ) — точка, ставящаяся над буквой.

    Юникод [ править | править код ]

    В Юникоде комбинируемая точка сверху называется COMBINING DOT ABOVE и имеет код U+0307.

    Использование в письменностях [ править | править код ]

    • В литовском буква ė обозначает долгий закрытый /ē/. Эта же буква иногда используется при латинской транслитерации русской буквы Э.
    • В мальтийском есть буквы ċ /ʧ/ ġ /ʤ/ ż /z/
    • В польской и в старых литовской и чешской орфографиях буква ż обозначает глухой шипящий спирант /ʐ/ (русская ж). Предположительно была введена Яном Гусом и в самом чешском со временем превратилась в гачек.
    • В чеченской латинице 1992 года было пять букв с верхней точкой: ċ [ʦ’], ç̇ [ʧ’], ġ [ʁ], ẋ [ħ], q̇ [q’]
    • В традиционной ирландской орфографии верхняя точка использовалась над согласными для обозначения лениции (называлась ponc séimhithe ‘точка лениции’). В современной передачи точки обычно заменяется на букву h. Так же точка иногда ставилась над m, n: ṁ, ṅ для обозначения назализованной мутации. Произношение их при этом не менялось.

    Произношение букв с точками в современном ирландском

    ċġ
    /w vʲ//x ç//ɣ j//-//ɣ j//w vʲ//f//h//h/
    • ċ и ġ иногда использовалась в древнеанглийском, обозначая /ʧ/и /j/ в отличие от обычных велярных c /k/ и g /g/.
    • Точка над строчными i и j не является диакритикой. Но диакритикой может считаться точка над турецкой заглавной İ и отсутствие точки над строчными: ı и j (U+0237).

    Использование в транскрипциях и транслитерациях [ править | править код ]

    Точка не используется в МФА и редко используется в других транскрипциях:

    • В семитской традиции ġ обозначает звонкий велярный спирант /ɣ/, обозначаемый буквой гайн. В других транскрипциях он может передавать велярный носовой /ŋ/ .
    • передаёт велярный [ ŋ ], чаще передавамеый макроном над n.
    • ȧ иногда используется как символ для гласного среднего ряда нижнего подъёма (МФА: ɐ̞ ), который представлен например русской фонемой /a/.
    • передаёт санскритский знак бинду (анусвара), соответствующий назализации предыдущего гласного. Иногда передаётся точкой сверху (см. выше).
    • В латгальской транскрипции обозначает аллофон фонемы /i/, промежуточный между [y] и [i].
    • С буквами p и q вместо нижней точки (см. ниже) используется обычно верхняя точка: ṗ q̇.

    Другое использование [ править | править код ]

    • При записи эпиграфики точка под буквой обозначает неуверенное прочтение.
    • В математике и физике точка обозначает производную по времени, например: v = x ˙ <displaystyle v=<dot >>.

    Точка снизу [ править | править код ]

    Точка снизу (англ. dot below, underdot, subdot ( ◌̣ ) — диакритический знак, ставящийся под буквой.

    Юникод [ править | править код ]

    В Юникоде подстрочная точка называется COMBINING DOT BELOW и имеет код U+0323.

    Использование в письменностях [ править | править код ]

    • Во вьетнамском точкой под гласной обозначается нисходящий глоттализованныйтон (nặng): ạ ặ ậ ẹ ệ ị ọ ộ ợ ụ ự ỵ.
    • В африканском языке йоруба есть буквы ẹ [ɛ̙] ọ [ɔ̙] ṣ [ʃ], в которых точка взаимозаменяемы с более традиционным вертикальным штрихом под буквой.
    • В астурийском языке буква Ḷḷ ḷḷ используется для передачи ряда звуков ([ ɖ, dʐ, tʂ и t͡s ]) западных диалектов, соответствующих стандартному палатальному ll [[[палатальный боковой сонант|ʎ]]].

    Использование в транскрипциях и транслитерациях [ править | править код ]

    • Точка под буквой не используется в стандартном наборе МФА, хотя при необходимости её используют для апикальныхретрофлексных [ṣ ẓ], когда их нужно противопоставить субапикальным и/или ламинальным какуминальным, например, в языках тода и убыхском.
    • В традиционных фонологических транскрипциях чаще всего точка под буквой обозначает Абруптивные согласные: ḳ ḷ ṣ ṭ Ḷ/ƛ̣ f ṣ̌ ɕ̣ x̣ χ̣ q̇ ɬ̣.
    • В семитских и других афразийских языках нижняя точка используется для обозначения эмфатических согласных: ḍ ḳ q̇ ṛ ṣ ṣ́ ṭ ẓ, конкретная фонетическая реализация которых зависит от языка.
    • В индоарийских, дравидийских и реже других языках точкой обозначают ретрофлексные согласные: ḍ ḷ ḹ ṇ ṛ ṝ ṣ ṭ ẓ.
    • Точка под гласными ẹ ị ọ ụ используется для обозначения закрытых гласных ([e i o u]), тогда как крючок под теми же буквами указывает на их открытость (ɛ ɪ ɔ ʊ]).
    • В традиционной литовской транскрипции обозначает наоборот краткое закрытое /e/.
  • передаёт санскритскуювисаргу [ h ] и семитскую букву хет, произносимую как [ ħ ], [ x ] или [ χ ].
  • передаёт санскритский знак бинду (анусвара), соответствующий назализации предыдущего гласного. Иногда передаётся точкой сверху (см. выше).
  • В немецких словарях точка под гласной обозначает ударение и краткость данного гласного.
  • Точка посередине [ править | править код ]

    Точка посередине (англ. middle dot, interpunct ).

    Юникод [ править | править код ]

    В Юникоде есть символы средняя точка (MIDDLE DOT) с кодом 0183 и точка справа над буквой с кодом U+0358.

    Использование в письменностях [ править | править код ]

    Обычно используется как знак препинания.

    • В каталанском L с точкой используется в сочетании с другой L, когда нужно показать, что они произносятся отдельно (col·lecció), в то время как обычно ll обозначают палатальное /λ/ (castellà).
    • В тайваньской латинице буква o• обозначает более открытый гласный / ɔ /, чем простая o.

    Как можно ставить символы на компьютере

    alt+1 = ☺ (белый смайлик)
    alt+2 = ☻ (черный смайлик)
    alt+3 = ♥ («черви»)
    alt+4 = ♦ («бубны»)
    alt+5 = ♣ («трефы»)
    alt+6 = ♠ («пики»)
    alt+7 = • (жирная точка)
    alt+8 = ◘
    alt+9 = ○ (окружность)
    alt+10 = ◙ (круг в квадрате)
    alt+11 = ♂ (мужской символ)
    alt+12 = ♀ (женский символ)
    alt+13 = ♪ (нота)
    alt+14 = ♫ (две ноты)
    alt+15 = ☼ (солнце)
    alt+16 = ► (курсор вправо)
    alt+17 = ◄ (курсор влево)
    alt+18 = ↕
    alt+19 = ‼
    alt+20 = ¶ (переход строки)
    alt+21 = § (параграф)
    alt+22 = ▬ (жирное тире)
    alt+23 = ↨
    alt+24 = ↑
    alt+25 = ↓
    alt+26 = → (стрелка вправо)
    alt+27 = ← (стрелка влево)
    alt+28 = ∟ (прямой угол)
    alt+29 = ↔
    alt+30 = ▲ (курсор вверх)
    alt+31 = ▼ (курсор вниз)
    alt+177 = ▒
    alt+987 = █

    alt+0130 ‚ (бинарная нижняя кавычка)
    alt+0132 „
    alt+0133 … (троеточие)
    alt+0136 € (знак евро)
    alt+0139 ‹ (левый угол)
    alt+0145 ‘ (апостроф перевернутый)
    alt+0146 ’ (апостроф обычный)
    alt+0147 “ (перевернутые закрывающие кавычки)
    alt+0148 ” (закрывающие кавычки)
    alt+0149 • (жирная точка)
    alt+0150 – (минус, короткое тире)
    alt+0151 — (длинное тире)
    alt+0153 ™ (Trade mark)
    alt+0155 › (правый угол)
    alt+0167 § (параграф)
    alt+0169 ©
    alt+0171 « (русские открывающие кавычки)
    alt+0174 ® (Registered)
    alt+0176 ° (знак градуса)
    alt+0177 ± (плюс-минус)
    alt+0183 · (точка по центру)
    alt+0187 » (русские закрывающие кавычки)

    Оставьте первый комментарий

    Оставить комментарий Отменить ответ

    Для отправки комментария вам необходимо авторизоваться.

    Лучший хостинг для сайта

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