Черные точки в тексте

Черные точки в тексте

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

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

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

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

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

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

Можно сказать, что терпение дизайнеров лопнуло! Хотя нормальный вывод тире, “лапок” и других специальных (но таких необходимых) типографских знаков и сейчас возможен не на всех платформах, унижение дизайнеров достигло черты, у которой Артемий Лебедев в конце 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

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

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

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

Читайте также:  Win 10 вход в безопасный режим

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

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

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

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

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

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

вид код
№ 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 в ней остались на своих местах (как и в других кодировках).

Читайте также:  Как подключить усилитель bas 8104

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 » (русские закрывающие кавычки)

А также можно просто скопировать отсюда и вставить

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

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

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

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

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

Маркеры списка
•‣⁃
Читайте также:  Программа для перевода pdf в jpg
Характеристики Название : bullet
: triangular bullet
: hyphen bullet Юникод : U+2022
: U+2023
: U+2043 HTML-код ‎:

  • или

  • ‎:
  • или

  • ‎:
  • или
  • UTF-16 ‎: 0x2022
    ‎: 0x2023
    ‎: 0x2043
  • URL-код
  • : %E2%80%A2
    : %E2%80%A3
    : %E2%81%83 Мнемоника : •

    Ма́ркер списка, бу́ллит, бу́ллет, бу́лит ( • ) (англ. bullet ) — типографский знак, используемый для выделения элементов списка, как показано на примере ниже:

    • Это первый элемент списка. Обратите внимание на буллит слева.
    • Это следующий элемент списка, и перед ним стоит ещё один буллит.
      Это вторая строка второго элемента списка, и поэтому перед ней буллит не ставится.

    Употребление [ править | править код ]

    Обычно булиты используются в справочных и технических материалах, чтобы обозначить последовательность связанных элементов. Этими элементами могут быть короткие отрывки текста либо полноценные абзацы; в любом случае принято завершать все элементы, кроме последнего, точкой с запятой, и только последний — точкой. Иногда точкой завершают все элементы списка, как показано в примере ниже (способ 2), а иногда их не завершают вовсе. Кроме того, элементы принято начинать со строчной буквы.

    Способ 1 (основной) Способ 2 Способ 3
    • первый;
    • второй;
    • третий.
    • Первый.
    • Второй.
    • Третий.
    • первый
    • второй
    • третий

    Графические формы [ править | править код ]

    В традиционной русской типографике роль маркера списка играет тире (—), хотя издавна допускалось использование и других типографских знаков (кружков, ромбиков, звёздочек и т. п.). В последнее время использование компьютерных программ западного производства привело к распространению в деловой и технической документации тех стилей оформления текста, которые ими поддерживаются проще всего; в частности, прижилось использование буллита для маркировки списков. Вместе с тем Единая система конструкторской документации (ЕСКД, ГОСТ серии 2) не допускает использование этого маркера списков.

    В Юникоде определены несколько графических вариантов буллитов:

    Символ Код Название HTML
    U+2022 BULLET • или •
    U+2023 TRIANGULAR BULLET
    U+2043 HYPHEN BULLET
    U+204C BLACK LEFTWARDS BULLET
    U+204D BLACK RIGHTWARDS BULLET
    U+2219 BULLET OPERATOR
    U+25E6 WHITE BULLET

    Первому из этих вариантов соответствует в HTML именованная сущность • , но для разметки маркированных списков лучше использовать специальный элемент .

    В Windows буллит можно набирать сочетанием Alt+0149 (нажать и удерживать Alt, а в это время набрать на цифровом блоке клавиатуры 0149).

    В CSS для создания маркированных списков используется атрибут list-style-type, который допускает три графических варианта буллита: disc (чёрный кружок), circle (чёрное колечко) и square (чёрный квадратик). Кроме того, атрибут list-style-image позволяет использовать буллит произвольного вида, указав URL графического файла с его изображением. Например, в приведённом выше примере использование CSS позволило задать для буллитов вид серо-голубых квадратиков.

    При наборе текста на пишушей машинке буллиты часто заменялись звёздочками. Этот способ обозначения маркированных списков сохранился в вики-разметке, и некоторые текстовые процессоры сами преобразуют строки, набранные со звёздочкой в начале, в маркированные списки.

    Ссылка на основную публикацию
    Adblock detector