Содержание
Эта заметка послужила поводом для небольшой реконструкции всей Кухни Сидорова.
Теперь во всех ее уголках железобетонные кавычки в виде "дюймов" заменены на изящный пластик в виде лапок.
— Как хорошо на "Кухне", раньше говорил Мячиков.
На Кухне стало просто замечательно! восклицает теперь Петр.
Действительно, настоящее тире смотрится гораздо лучше своей модели из двух дефисов: .
Что произошло
Можно сказать, что терпение дизайнеров лопнуло! Хотя нормальный вывод тире, лапок и других специальных (но таких необходимых) типографских знаков и сейчас возможен не на всех платформах, унижение дизайнеров достигло черты, у которой Артемий Лебедев в конце 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,5 | NN1,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,5 | NN1,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 541 | 32 541 |
4 937 543 246 | 4 937 543 246 |
Перед номерами версий программных продуктов и частями их названий.
вид | код |
Windows 2000 | Windows 2000 |
Photoshop 5.5 | Photoshop 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 мест заняты под те же самые символы.
Как можно ставить символы на компьютере
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 » (русские закрывающие кавычки)
Оставьте первый комментарий
Оставить комментарий Отменить ответ
Для отправки комментария вам необходимо авторизоваться.
Лучший хостинг для сайта
На вопрос какой хостинг сайтов лучше я могу смело ответить Бегет. При работе с данным хостингом я был приятно удивлен высоким уровнем обслуживания, профессионализмом и […]
Как создать нужный нам символ жирной точки на телефоне, компьютере и ворде? Довольно просто, нужно лишь знать комбинацию клавиш.
Как поставить жирную точку – символ, на компьютере?
Список символов, которые можно написать с помощью alt. Чтобы сделать символ жирной точки, средней точки или маленькой точки, вы можете скопировать и вставить символ в нужное вам место:
⬤ – самая жирная точка, которую удалось найти.
⚫ – эту точку можно использовать для выделения абзацев.
● – средняя точка, которую можно создать на компьютере и телефоне, с помощью комбинаций клавиш.
• – маленькая точка, для менее явного выделения.
· – очень маленькая точка, которая еле заметна.
Но постоянно заходить на статью и копировать символ не практично! Для этого мы подготовили второй метод, комбинация клавиш!
Для того чтобы создать жирную точку на компьютере используйте следующую комбинацию клавиш:
Символ | Номер кода Alt | Описание |
---|---|---|
• | Alt + 8226; | Средняя жирная точка (1) |
• | Alt + 0149; | Средняя жирная точка (2) |
• | Alt + 263; | Черная точка (3) |
· | Alt + 0183; | Маленькая точка |
∙ | Alt + 249; | Микро точка |
◦ | Alt + 9702; | Белая точка |
° | Alt + 248; | Средняя белая точка |
○ | Alt + 265; | Жирная белая точка |
‣ | Alt + 8227; | Треугольник |
⁃ | Alt + 8259; | Тире |
⁌ | Alt + 8268; | Полу закрашенная слева |
⁍ | Alt + 8269; | Полу закрашенная свправо |
◘ | Alt + 9688; | Белая точка в квадрате |
◘ | Alt + 264; | Способ второй |
⦾ | Alt + 10686; | Белая точка в круге |
⦿ | Alt + 10687; | Черная точка в груге |
◙ | Alt + 266; | Черная точка в квадрате |
C помощью этих комбинаций вы быстро создадите жирную точку в Word:
Символ | Номер кода Alt | Описание |
---|---|---|
• | Alt + 7 | Жирная точка |
◘ | Alt + 8 | Обратная точка |
○ | Alt + 9 | Пустая точка |
◙ | Alt + 10 | Закрашенная точка |
Нажмите одновременно Alt и 7 (цифра).
Нажмите и удерживайте клавишу ALT и введите номер требуемого символа. Средняя точка (aka interunct) часто используется в качестве разделителя списков или, например, словарях для разделения частей слова. Чтобы создать символ средней точки:
Alt + 0183(на цифровой клавиатуре с включением Num)
⌥ Opt.
⌥ Opt ⇧ Shift.
⌥ Opt ⇧ Shift 9 (в зависимости от раскладки клавиатуры)
AltGr
⎄ Compose ^
Ctrl ⇧ Shift u00b7 ⏎ Return Space
Интересное: как объединить/соединить несколько фото, как изменить шрифты в iOS и как сделать прозрачную нижнюю панель на Андроиде и iOS?
Как поставить жирную точку на телефоне iOS (Айфон) и Android?
У всех телефонов есть дополнительная раскладка для специальных символов, чтобы посмотреть имеющиеся символы выполните следующие шаги:
1. Откройте раскладку для ввода текста.
2. Нажмите на дополнительную раскладку, в моем случае это Sym.
3. Далее нажмите на 1/2, чтобы открыть спец. символы.
4. Выберите нужный вам размер жирной точки.
На Айфоне есть специальные Emoji жирной точки, напишите :black_circle: в сообщение и появится жирная точка.
Связано: как на Айфоне добавить, удалить и поменять язык клавиатуры? (Настройка)
Мы рассказали вам о всех возможных способах, если вы нашли другой способ, напишите в комментарии и мы обязательно добавим его в статью!