Повышаем культуру публикаций: юникод

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

‼ Не все знают, что помимо букв и некоторых символов, что есть на вашей клавиатуре, многие современные сайты позволяют отображать на своих страницах и различные специальные знаки из перечня символов Юникода (один из таких знаков отображается в начале этого абзаца). Не исключением является и «Голос». Единственное, что может вам помешать – ваш браузер. Не все допотопные браузеры послушно отображают подобные символы, а также не во всех шрифтах данные символы присутствуют.

Приведу несколько обыденных примеров, в которых применение подобных символов сделает ваш текст более удобным для чтения и приятным на вид. Например, вы говорите о деньгах, а потому уместно использовать знак валюты: ₽, €, ₯ (греческая драхма). Или вы говорите о погоде и сообщаете, что у вас -55℃. А может вы решили доказать теорему из математики и пользуетесь сокращёнными способами записи: «Катет ⊿, лежащий против ∠ 30° равен ½ гипотенузы».

Вот как было набрано последнее утверждение:

Катет ⊿, лежащий против ∠ 30° равен ½ гипотенузы

Но что это за ерунда ⁇

А вот об этом и поговорим.

§ Что такое Юникод?

Если говорить кратко, то это один из стандартов кодирования символов. Каждый символ, в том числе и любая буква любого языка, имеет номер в этой кодировке. Например, двойной вопросительный знак ⁇ имеет номер U+2047, а латинская буква A — U+0041. Именно так принято записывать номера символов в данной кодировке, начиная с U+. Кому интересно более подробно, читаем википедию, а нам достаточно знать, что есть огромный набор разных символов и у каждого есть свой номер.

§ Где посмотреть эти символы?

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

§ Как вставить символ в редактор Голоса?

Способов несколько. В режиме редактора это сделать проще всего. Когда найдёте нужную картинку, выделите символ и, клацнув правой кнопкой мыши, нажмите «копировать» или пользуйтесь горячими клавишами CTRL+C. Затем вставляйте в редактор CTRL+V. Всё просто.

Для работы через markdown нужно знать HTML-код символа. Он указан ниже картинки зонтика: ☂ Вот этот код и нужно вставить прямо в текст. Однако в ряде случаев можно сделать точно так же как и в режиме редактора, и зонтик нормально отобразиться прямо среди вашей markdown разметки:

Иногда помимо HTML-кода есть мнемоника, позволяющая запомнить символ и не искать его каждый раз. Например, мнемоника © даёт знак копирайта: ©, а мнемоники « и » дают кавычки ёлочки, принятые в русской типографии. Пожалуйста, вместо "программистских" кавычек используйте «ёлочки». Или “лапки”, если пишите на английском, их мнемоники: “ и ”. Не забывайте, что точка с запятой ; на конце строго обязательна.

§ Зеркальное отражение

Есть два специальных символа, с помощью которых можно перевернуть текст задом наперёд, написанный между ними. Это ‮ и ‬. Вот пример:

‮ Это перевернутый текст ‬

Данный пример был набран следующим образом:

‮ Это перевернутый текст ‬ 

§ Зачем мне это нужно?

① Использование специальных символов необходимо для грамотного оформления статьи. Правильные кавычки «» вместо "", знак рубля ₽ вместо «р.», правильные стрелки → вместо ->, правильное многоточие … вместо ..., правильное тире «—» (—) вместо «-» — это лишь некоторые случаи, когда я считаю необходимым использовать специальные символы. Сюда же относятся случаи, когда вы хотите написать своё имя на каком-то необычном языке, например, японском или арабском.

② В записи математических выражений может быть полезным использование греческих букв или математических знаков.

Пусть β = 2ⁿ−1, тогда cos(φ) = π/2, a log₂ω = λ.

Не дай Бог придётся формулировать тут теорему:

Теорема [Коши]. Для любой аналитической функции f(z), определённой в некоторой односвязной области A ⊂ C и для любой замкнутой кривой Γ ⊃ A справедливо

∮_Γ f(z) dz = 0.

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

Артём ♏

█ ⚜ Артём ⚜ █

ᎯᎵτℯℳ

☙ АлёнушкА ❧

④ Можно попробовать нарисовать что-либо, например, такую линию под словом:

З А Г О Л О В О К
▼▼▼▼▼▼▼▼

Вот как я это сделал:

<center>З А Г О Л О В О К<br/>▼▼▼▼▼▼▼▼</center>

⑤ Можно также «скрыть» мат: ‮ Дурак! ‬

Нужна только фантазия, но не переусердствуйте, потому что вычурность может испортить задумку. Нужно обладать художественным чутьём, чтобы правильно подобрать символы. Все примеры имён выше как раз крайней неудачные. Кроме, быть может, Алёнушки :)

§ ‼ Важное замечание ‼

‼ Далеко не все символы юникода корректно отображаются. Например, я хотел сделать ёлочку U+1F332, но у меня она не отображается. Вот она: 🌲 У вас тоже вместо неё квадратик?

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

‼ Не поддавайтесь приступу сделать что-то крутое и оригинальное с помощью Юникода, если нужна действительно красивая картинка, лучше нарисуйте её графикой. Символы Юникода, в основном, нужны для оформления текста, а не для рисования украшений.

‼ Не преувеличивайте свои творческие способности. Специальными символами можно улучшить текст, но гораздо проще его ими испортить. Будьте осторожны и уважайте своих читателей!