Цапля

Типографика. Символы первой необходимости

Болезненное равнодушие к правильной компоновке и оформлению информации на сайте — это распространенная проблема, почти повсеместная. Порой удивляет, как люди годами работают в сфере оптимизации, но при этом никогда не говорят о типографике. В большинстве корпоративных вселенных создания сайтов как будто вовсе нет такого термина. Говорят о «текстах для людей», повторяют лозунг «контент — король», но на большинстве веб-ресурсов этот король голый. Информацию надо поглощать с аппетитом, поэтому крайне важна правильная сервировка.

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

  1. Дефис или тире?

  2. Дефис (– или –) ставится внутри слов. Тире (— или —) ставится между словами. Это достаточно легко запомнить. Уточним правила для дефиса, чтобы было понятнее, что такое «внутри слов».

    1. Вот простая считалочка: «Кое-, -либо, -то, -нибудь — черточку не позабудь.» И еще частицы «-таки», «-ка» пишутся через дефис.
    2. Внутри сложных слов ставится дефис: серо-зеленый, сапоги-скороходы, продавец-консультант.
    3. Внутри сокращений: г-жа (госпожа), физ-ра (физическая культура).
    4. Внутри слов с префиксами: во-первых, в-третьих, по-приятельски.
    5. При переносе части слова на новую строку.

    Правил употребления тире в русском языке достаточно много, чтобы не приводить их в статье. Тем более, что к теме обсуждения они имеют лишь косвенное отношение. В решении вопроса: «дефис или тире?» достаточно понять — вы хотите соединить части одного слова (случай употребления дефиса) или разделить два (тут работает тире). Будьте осторожны, никогда не ставьте одинокое тире! Оно всегда ходит в паре в неразрывным пробелом, вот так:  —

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

  4. В интернете достаточно спокойно относятся ко вдовам и сиротам, предлогам и частицам на конце строки. Меру своей взыскательности каждый определяет сам для каждого конкретного случая. Однако, в фиксированном дизайне можно заняться борьбой с висячими строками и неугодными переносами. Тут среди прочих инструментов (онлайн-сервисы для одержимых типографикой: typograf.ru и artlebedev.ru/tools/typograf/) на помощь приходит неразрывный пробел ( ).

  5. Черточки в телефонных номерах.

  6. В телефонных номерах можно использовать неразрывный дефис, чтобы телефонный номер был записан целиком на одной строке (∉). В таблице символов Юникода есть цифровое тире, которое должно быть выровнено по высоте цифр − или ‒. На практике же существуют проблемы с отображением различных вариантов черточек, для которых нет мнемокода в html. Кроме того существует проблема того, что в разных шрифтах черточки могут отображаться не так, как вы ожидали, и цифровое тире может быть не выровнено по высоте цифр.

  7. Кавычки.

  8. В тексте на русском языке стоит использовать кавычки-ёлочки (« »). Если необходимо поставить внутри кавычек еще одни, то ставят кавычки-лапки (“ ”). Пример: «“Съешь ещё этих мягких французских булок, да выпей чаю,” — сказала бабушка.»

  9. Многоточие (… или …).

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

  11. Знак градуса (° или °).

  12. Знак ударения (´ код вставляется после ударной гласной).

  13. Апостроф.

  14. На клавиатуре есть машинописный апостроф «’», он же отображается штрихом в некоторых шрифтах (штрихи используются в технической литературе, например, для обозначения минут градусов). Поэтому уместнее использовать типографский апостроф, который по-совместительству является английской закрывающей кавычкой (’).

  15. Скобки.

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

    Как узнать коды необходимых символов:

    • в Windows нажать win+R, ввести charmap и нажать Enter;
    • в Linux для KDE есть утилита KCharSelect, для Gnome таблица символов Юникода — gucharmap;
    • онлайн-инструмент для просмотра имен и числовых кодов (в том числе в шестнадцатеричном формате Unicode) для html-сущностей.