HTML5 | Таблица символов Юникод
Машинописный текст состоит из печатных знаков – графических символов.
Графические символы – это символы, которые имеют в тексте видимое отображение.
Все графические символы собраны в наборе единой универсальной системы Юникод.
Вставить графический символ Юникод в html-документ
– главное и единственное назначение для этой таблицы.
Таблица символов Юникод в HTML (XHTML)
- Символы управления HTML (XHTML)
- Символы синтаксиса и пунктуации
- Товарные знаки и валюта
- Математические и физические символы
- Стрелки и указатели
- Пиктограммы в HTML (XHTML)
- Карты, шахматы, музыка
Символы управления в HTML5
Символы управления в HTML (XHTML) – это служебные символы HTML-языка, которые используются при HTML-вёрстке веб-страницы. Эти символы обязан поддерживать любой браузер, поскольку без них невозможно правильное отображение HTML-текста. Символы управления не отображаются в тексте и, при прямом введении с клавиатуры – интерпретируются браузером как знаки препинания, призывающие к выполнению какого-либо действия при отрисовке страницы на экране.
Допускается использовать символы управления в обычных текстах, где они символизируют общечеловеческие понятия и трактуются браузером как обычные типографские знаки. При таком использовании служебных символов в HTML-текстах требуется вводить не значение самого символа, а именно его HTML-код. Ибо, повторяюсь – в противном случае браузер будет воспринимать служебный символ, как призыв к действию и не будет корректно отображать HTML-текст на экране монитора.
Символы управления и их HTML-код знают и понимают все браузеры без исключения, чего нельзя сказать, увы – про остальные знаки, которые могут отображаться некорректно в разных браузерах или, что ещё хуже – не отображаться совсем.
Символ | Наименование | Мнемоника | HTML-Код | ||
' | одинарная кавычка | ' | ' | ||
---|---|---|---|---|---|
" | двойная кавычка | " | " | ||
& | амперсанд | & | & | ||
< | меньше | < | < | ||
> | больше | > | > |
Синтаксис и пунктуация
неразрывный пробел | |   | |||
пробел длины N (обычный пробел) |   |   | |||
пробел длины M (длинныйпробел) |   |   | |||
узкий пробел |   |   | |||
| мягкий перенос (непечатный знак) | ­ | ­ | ||
‑ | дефис | – ‑ |
|||
---|---|---|---|---|---|
– | тире длины N (обычное тире) | – | – | ||
— | тире длины M (длинное тире) | — | — | ||
. | точка | . | |||
, | запятая | , | |||
… | многоточие | … | … … |
||
: | двоеточие | : | |||
; | точка с запятой | ; | |||
! | знак восклицания | ! ǃ |
|||
? | вопросительный знак | ? | |||
@ | «собачка» | @ | |||
* | «звездочка» | * | |||
# | «решетка» | # | |||
‘ | одиночная верхняя левая кавычка | ‘ | ‘ ‘ |
||
’ | одиночная верхняя правая кавычка | ’ | ’ ’ |
||
‚ | одиночная нижняя правая кавычка | ‚ | ‚ ‚ |
||
“ | двойная верхняя левая кавычка | “ | “ “ |
||
” | двойная верхняя правая кавычка | ” | ” ” |
||
„ | двойная нижняя правая кавычка | &bdquo | „ „ |
||
« | двойная левая угловая кавычка (рус) | « | « | ||
» | двойная правая угловая кавычка (рус) | » | » | ||
́ | знак ударения, пример: Вася́ | ́ | |||
' | апостроф, пример: Вас'я | ' | |||
´ | акут, пример: Вас´я | ´ | ´ | ||
¶ | абзац (непечатный знак) | ¶ | ¶ | ||
§ | параграф | § | § | ||
ˆ | акцент (перевёрнутая птичка) | ˆ | ˆ ˆ |
||
˜ | малая тильда | ˜ | ˜ ˜ |
||
¦ | вертикальный пунктир | ¦ | ¦ | ||
( | круглая скобка влево | ( | |||
) | круглая скобка вправо | ) | |||
〈 | угловая скобка влево | ⟨ | 〈 | ||
〉 | угловая скобка вправо | ⟩ | 〉 | ||
‹ | угловая скобка влево, вариант | ‹ | ‹ | ||
› | угловая скобка вправо, вариант | › | › | ||
[ | квадратная скобка влево | [ | |||
] | квадратная скобка вправо | ] | |||
/ | слэш (slash) - cимвол косой черты | / | |||
\ | обратный слэш (backslash) | \ | |||
⁄ | косая дробная черта (знак деления) | ⁄ | ⁄ | ||
ǀ | вертикальная черта | ǀ | |||
ǁ | двойная вертикальная черта | ǁ | |||
‾ | надчеркивание, пример: Вася‾вася | ‾ | ‾ | ||
¯ | macron, пример: Вася¯вася | ¯ | ¯ |
Товарные знаки и валюта
© | знак защиты авторского права (copyright) | © | © | ||
---|---|---|---|---|---|
® | знак регистрации товарного знака | ® | ® | ||
™ | товарный знак (TradeMark) | ™ | ™ | ||
¤ | валюта | ¤ | ¤ | ||
€ | евро | € | € | ||
$ | доллар | $ | |||
¢ | цент | ¢ | ¢ | ||
¥ | иена | ¥ | ¥ | ||
£ | фунт | £ | £ |
Математика и физика
+ | плюс | + | + | ||
---|---|---|---|---|---|
− | минус | − | - − |
||
= | равно | = | |||
± | плюс-минус | ± | ± | ||
× | знак умножения | × | × | ||
÷ | знак деления | ÷ | ÷ | ||
⋅ | оператор «точка» (середина строки) | ⋅ | · ⋅ |
||
∗ | оператор «звёздочка» (середина строки) | ∗ | ∗ | ||
∼ | оператор «тильда» | ∼ | ∼ | ||
• | маркер списка (середина строки) | • | • • |
||
¹ | верхний индекс «1» | ¹ | ¹ | ||
² | верхний индекс «2» | ² | ² | ||
³ | верхний индекс «3» | ³ | ³ | ||
Надстрочный и подстрочный индекс в HTML (XHTML) можно вставить при помощи тегов <sup> и <sub>, соответственно: ЧИСЛО<sup>Надстрочный индекс</sup> → ЧИСЛОНадстрочный индекс ЧИСЛО<sub>Подстрочный индекс</sub> → ЧИСЛОПодстрочный индекс |
|||||
½ | дробь «одна вторая» | ½ | ½ | ||
⅓ | дробь «одна треть» | ⅓ | |||
¼ | дробь «одна четвёртая» | ¼ | ¼ | ||
¾ | дробь «три четверти» | ¾ | ¾ | ||
№ | знак номера | № | |||
% | процент | % | |||
‰ | промилле | ‰ | ‰ ‰ |
||
° | градусы | ° | ° | ||
′ | штрих (минуты, футы) | ′ | ′ | ||
″ | двойной штрих (секунды, дюймы) Пример 1: 30°25′12″ Пример 2: 25′12″ |
″ | ″ | ||
µ | микро | µ | µ | ||
π | Пи | π | π | ||
ƒ | знак функции (не путать с «интеграл») |
ƒ | ƒ ƒ |
||
∫ | интеграл | ∫ | ∫ | ||
∅ | перечеркнутый ноль, пустое множество (не путать с «диаметр») |
∅ | ∅ | ||
⌀ | диаметр (не путать с перечёркнутой латинской «о») | ⌀ | |||
ø | латинская "o" диагонально перечёркнутая | ø | ø | ||
Ø | латинская заглавная "O" диагонально перечёркнутая | Ø | Ø | ||
∏ | знак произведения | ∏ | ∏ | ||
∑ | знак суммирования | ∑ | ∑ | ||
√ | радикал (квадратный корень или корень степени x) |
√ | √ | ||
∝ | пропорционально | ∝ | ∝ | ||
∞ | бесконечность | ∞ | ∞ | ||
∠ | угол | ∠ | ∠ | ||
⊥ | ортогонально (перпендикулярно) | ⊥ | ⊥ | ||
∴ | знак «cледовательно» | ∴ | ∴ | ||
≅ | приблизительно равно | ≅ | ≅ | ||
≈ | почти равно | ≈ | ≈ | ||
≠ | не равно | ≠ | ≠ | ||
≡ | идентично | ≡ | ≡ | ||
≤ | меньше или равно | ≤ | ≤ | ||
≥ | больше или равно | ≥ | ≥ | ||
∧ | логическое И | ∧ | ∧ | ||
∨ | логическое ИЛИ | ∨ | ∨ | ||
⊕ | знак «плюс в круге» (прямая сумма) |
⊕ | ⊕ | ||
⊗ | знак «умножение в круге» (векторное произведение, стрела от наблюдателя) |
⊗ | ⊗ | ||
ʘ | точка в круге (стрела на наблюдателя) |
ʘ |
Стрелки и указатели
← ← ← |
↑ ↑ ↑ |
→ → → |
↓ ↓ ↓ |
↔ ↔ ↔ |
⇆
⇆ |
⇐ ⇐ ⇐ |
⇑ ⇑ ⇑ |
⇒ ⇒ ⇒ |
⇓ ⇓ ⇓ |
⇔ ⇔ ⇔ |
|
↵ ↵ ↵ |
↯
↯ |
☇
☇ |
✎
✎ |
✏
✏ |
✐
✐ |
▲ ▲ |
► ► |
▼ ▼ |
◄ ◄ |
✑ ✑ |
✒ ✒ |
☚ ☚ |
☛ ☛ |
☜ ☜ |
☝ ☝ |
☞ ☞ |
☟ ☟ |
˂ ˂ |
˃ ˃ |
˄ ˄ |
˅ ˅ |
Пиктограммы в HTML5
Пиктогра́мма (от лат. pictus – нарисованный и греч. γράμμα – запись) – знак, отображающий в схематическом виде самые важные, но узнаваемые черты объекта, предмета или явления, на которые он (она, пиктограмма) указывает. Подробнее про пиктограммы в материале Пиктограммы в HTML (XHTML)
† † † † |
‡ ‡ ‡ ǂ ‡ |
☦ ☦ |
☨ ☨ |
✝ ✝ |
✞ ✞ |
✙ ✙ |
✚ ✚ |
✛ ✛ |
✜ ✜ |
☺ ☺ |
☹ ☹ |
✟ ✟ |
✠ ✠ |
✢ ✢ |
✣ ✣ |
✤ ✤ |
✥ ✥ |
✦ ✦ |
✧ ✧ |
❖ ❖ |
✡ ✡ |
☀ ☀ |
☼ ☼ |
☽ ☽ |
☾ ☾ |
♨ ♨ |
☁ ☁ |
☂ ☂ |
☃ ☃ |
☄ ☄ |
☎ ☎ |
☏ ☏ |
✆ ✆ |
✄ ✄ |
✃ ✃ |
✉ ✉ |
✈ ✈ |
✌ ✌ |
✍ ✍ |
✬ ✬ |
✫ ✫ |
★ ★ |
☆ ☆ |
✩ ✩ |
✪ ✪ |
❉ ❉ |
❋ ❋ |
✭ ✭ |
✮ ✮ |
✯ ✯ |
✰ ✰ |
❊ ❊ |
✼ ✼ |
✱ ✱ |
✲ ✲ |
✳ ✳ |
✴ ✴ |
✵✵ |
❂ ❂ |
✷ ✷ |
✸ ✸ |
✹ ✹ |
✺ ✺ |
✻ ✻ |
❈ ❈ |
✽ ✽ |
✾ ✾ |
✿ ✿ |
❀ ❀ |
❁ ❁ |
✇ ✇ |
❃ ❃ |
❄ ❄ |
❅ ❅ |
❆ ❆ |
❇ ❇ |
☣ ☣ |
❍ ❍ |
❏ ❏ |
❐ ❐ |
❑ ❑ |
❒ ❒ |
☢ ☢ |
✓ ✓ |
✔ ✔ |
✕ ✕ |
✖ ✖ |
✗ ✗ |
✘ ✘ |
☑ ☑ |
☒ ☒ |
☓ ☓ |
☡ ☡ |
☠ ☠ |
☫ ☫ |
☤ ☤ |
☥ ☥ |
☧ ☧ |
☩ ☩ |
☪ ☪ |
☻ ☻ |
☬ ☬ |
☭ ☭ |
☮ ☮ |
☯ ☯ |
☸ ☸ |
☿ ☿ |
♀ ♀ |
♁ ♁ |
♂ ♂ |
♃ ♃ |
♄ ♄ |
♅ ♅ |
♆ ♆ |
♇ ♇ |
♈ ♈ |
♉ ♉ |
♊ ♊ |
♋ ♋ |
♌ ♌ |
♍ ♍ |
♎ ♎ |
♏ ♏ |
♐ ♐ |
♑ ♑ |
♒ ♒ |
♓ ♓ |
|
|
|
Карты, шахматы, музыка
♠ ♠ ♠ |
♣ ♣ ♣ |
♥ ♥ ♥ |
♦ ♦ ♦ |
♤
♤ |
♧
♧ |
♡ ♡ |
♢ ♢ |
♔ ♔ |
♕ ♕ |
♖ ♖ |
♗ ♗ |
♘ ♘ |
♙ ♙ |
♚ ♚ |
♛ ♛ |
♜ ♜ |
♝ ♝ |
♞ ♞ |
♟ ♟ |
♯ ♯ |
♭ ♭ |
♮ ♮ |
♩ ♩ |
♪ ♪ |
♫ ♫ |
♬ ♬ |
◊ Ромб ◊ ◊ |
- Символы управления HTML (XHTML)
- Синтаксис и пунктуация
- Товарные знаки и валюта
- Математика и физика
- Стрелки и указатели
- Пиктограммы в HTML (XHTML)
- Карты, шахматы, музыка
------------------------------------------------------------------------------------------------------------------
Пиктограммы – маленькие печатные знаки,
символически отображающие суть предмета,
на который они указывают
☺☻♥♦♣♠•◘○
- Пиктограммы
- Пиктограммы в Юникод
- Пиктограммы Юникод в HTML
- Таблица пиктограмм Юникод в HTML
- Таблица символов Юникод в Word (Бонус)
- Таблица популярных символов Юникод в HTML
Пиктограммы
Пиктограммы (от лат. pictus — нарисованный) – маленькие схематические картинки, значки-изображения, символизирующие что-либо или ассоциирующиеся с чем-либо. Самые известные примеры пиктограмм – смайлики и иконки в менюшках программ и сайтов. Пиктограммы очень удобно применять при оформлении текста. Главное условие для пиктограммы – это её «узнаваемость» т.е., пиктограмма должна отображать важнейшие черты объекта или предмета, явления или действия. Размер пиктограммы ничем не лимитирован, однако, общепринято, что каждая пиктограмма должна иметь вид равностороннего прямоугольника (квадрата) со стороной, равной 16px, 24px, 32px, 40px и 48px.
Пиктограммы в Юникод
Юникод – это таблица печатных и непечатных текстовых знаков, закодированных универсальным машинным кодом, понятным для всех компьютеров всех систем. Отсюда и название – Юникод (Уникод). Некоторые пиктограммы (значки, изображения) были закодированы в Юникод наравне с буквами и цифрами. А всё оттого, что создатели Юникода сочли немыслимым быстрый набор и печать текста без пиктограмм. Может, так оно и было-то, на момент создания Юникода. Да только теперь, пиктограммы в Юникод – вымирающее явление.
Будучи закодированными в эти таблицы с незапамятных времён, пиктограммы Юникод уходят от нас, примерно так-же, как ушли в земную историю пейджеры и тамагочи. Нет, они там остаются и их никто не выбрасывает из Юникода. Просто, появились и развились новые способы передачи графической информации в тексте, и кодированные унылые пиктограммы из Юникода – уже никому не нужны. Хотя, иногда ещё применяются.
Безусловно, в своё время, пиктограммы в Юникод были невероятным прорывом в текстовом Интернет-вещании, поскольку тогда скорость интернета оставляла желать лучшего, а малюсенькие картинки в тексте уже были нужны. С тех пор прошло много лет. Развитие Интернета и графических программ превратили пиктограммы в Юникод в антагонизм, рудиментальный (отмирающий) придаток для текстовых знаков. Ныне, можно найти и скачать (или создать самому) невероятно-огромное количество графических наборов пиктограмм на любую тематику и оформить их в любом стиле. Все эти наборы сделаны в графических программах типа фотошопа и нет никакого смысла кодировать пиктограммы в Юникод. Поэтому, эта статья уже не представляет практического интереса. Так, чистая теория, дань матушке истории и госпоже объективности. И, не более того.
Пиктограммы в HTML
Пиктограммы, закодированные в Юникод, пришли конечно-же и в HTML (язык разметки веб-документов). Из Юникода в HTML пиктограммы попали только потому, что HTML – это язык для набора онлайн-текстов. Язык, который обязан поддерживать и отображать все печатные и непечатные знаки, и прежде всего – Юникод. А как-же иначе?
Как и в Юникоде, в HTML, каждая пиктограмма получила свой уникальный набор служебных символов, который позволяют браузеру отображать её (пиктограмму) на экране монитора. Такой уникальный набор служебных символов в HTML ещё называют «числовые ссылки на символы» или мнемоники. Числовые ссылки на символы и мнемоники – это разные способы записать код для отображения одного и того-же символа. Мнемоники присвоены только наиболее популярным пиктограммам, тогда как числовые ссылки есть абсолютно у всех.
Таблица пиктограмм Юникод в HTML
Ниже приведена таблица наиболее популярных пиктограмм Юникод в HTML. Таблица полностью рабочая. Коды пиктограмм можно вставлять в HTML-разметку веб-страниц, хотя Автору невдомек, кому ныне могут понадобиться в тексте шахматные кони и карточные трефы. Тем более, повторяюсь – нынче всё можно нарисовать в простом графическом виде и вставить куда угодно, применив при этом минимум усилий и максимум фантазии.
На этой странице собраны пиктограммы Юникод, которые имеют собственный HTML-код и соответственно – могут быть вставлены в HTML-текст наравне с обычными текстовыми знаками. Это делает данные символы незаменимыми при вёрстке шаблонов и т.д., когда необходимо править именно HTML-текст.
Чтобы вставить пиктограмму, нужно скопировать её код непосредственно в HTML-текст или скопировать изображение пиктограммы из окна браузера в окно своего визуального HTML-редактора. Работать будет, и так, и так.
Таблица пиктограмм в HTML5
† † † † |
‡ ‡ ‡ ǂ ‡ |
☦ ☦ |
☨ ☨ |
✝ ✝ |
✞ ✞ |
✙ ✙ |
✚ ✚ |
✛ ✛ |
✜ ✜ |
☽ ☽ |
☾ ☾ |
✟ ✟ |
✠ ✠ |
✢ ✢ |
✣ ✣ |
✤ ✤ |
✥ ✥ |
✦ ✦ |
✧ ✧ |
❖ ❖ |
✡ ✡ |
☀ ☀ |
☼ ☼ |
♨ ♨ |
☁ ☁ |
☂ ☂ |
☃ ☃ |
☄ ☄ |
✈ ✈ |
☎ ☎ |
☏ ☏ |
✆ ✆ |
✄ ✄ |
✃ ✃ |
✉ ✉ |
✌ ✌ |
✍ ✍ |
✭ ✭ |
✮ ✮ |
✯ ✯ |
✰ ✰ |
★ ★ |
☆ ☆ |
✩ ✩ |
✪ ✪ |
✫ ✫ |
✬ ✬ |
✱ ✱ |
✲ ✲ |
✳ ✳ |
✴ ✴ |
✵✵ | |
✷ ✷ |
✸ ✸ |
✹ ✹ |
✺ ✺ |
✻ ✻ |
✼ ✼ |
✽ ✽ |
✾ ✾ |
✿ ✿ |
❀ ❀ |
❁ ❁ |
❂ ❂ |
❃ ❃ |
❄ ❄ |
❅ ❅ |
❆ ❆ |
❇ ❇ |
❈ ❈ |
❉ ❉ |
❊ ❊ |
❋ ❋ |
✓ ✓ |
✔ ✔ |
☑ ☑ |
❍ ❍ |
❏ ❏ |
❐ ❐ |
❑ ❑ |
❒ ❒ |
☒ ☒ |
☠ ☠ |
☢ ☢ |
☣ ☣ |
✇ ✇ |
☓ ☓ |
☡ ☡ |
☤ ☤ |
☥ ☥ |
✕ ✕ |
✖ ✖ |
✗ ✗ |
✘ ✘ |
☺ ☺ |
☹ ☹ |
☧ ☧ |
☩ ☩ |
☪ ☪ |
☫ ☫ |
☬ ☬ |
☭ ☭ |
☮ ☮ |
☯ ☯ |
☸ ☸ |
☻ ☻ |
☿ ☿ |
♀ ♀ |
♁ ♁ |
♂ ♂ |
||
♃ ♃ |
♄ ♄ |
♅ ♅ |
♆ ♆ |
♇ ♇ |
♈ ♈ |
♉ ♉ |
♊ ♊ |
♋ ♋ |
♌ ♌ |
♍ ♍ |
♎ ♎ |
♏ ♏ |
♐ ♐ |
♑ ♑ |
♒ ♒ |
♓ ♓ |
Карты, шахматы, музыка
♠ ♠ ♠ |
♣ ♣ ♣ |
♥ ♥ ♥ |
♦ ♦ ♦ |
♬ ♬ |
|
♤ ♤ |
♧ ♧ |
♡ ♡ |
♢ ♢ |
||
♔ ♔ |
♕ ♕ |
♖ ♖ |
♗ ♗ |
♘ ♘ |
♙ ♙ |
♚ ♚ |
♛ ♛ |
♜ ♜ |
♝ ♝ |
♞ ♞ |
♟ ♟ |
♯ ♯ |
♭ ♭ |
♮ ♮ |
♩ ♩ |
♪ ♪ |
♫ ♫ |
Таблица символов Юникод в Word
(Бонусная тема от tehnopost.info)
При наборе текста в Word пиктограммы нужны бывают гораздо чаще, нежели в HTML. Чтобы в Word быстро набрать символ Юникод, можно воспользоваться приведённой ниже таблицей.
Пример использования таблицы: alt + 1 = ☺; alt + 2 = ☻; alt + 3 = ♥; alt + 4 = ♦; alt + 5 = ♣; alt + 6 = ♠; alt + 7 = •; alt + 8 = ◘; alt + 9 = ○; alt + 10 = ◙; и т.д. |
Слева указаны десятки, а сверху – единицы. Что бы набрать символ, нужно при активной лампочке Num Lock зажать клавишу Alt и, не отпуская её, набрать код символа. После чего, нужно отпустить клавишу Alt, и в строке появится требуемый символ Юникод. |
Дополнительно: