Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).
Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.
Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.
Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).
Популярные спецсимволы HTML
1. Полезные знаки и символы
| Вид |
HTML-код |
CSS-код |
Описание |
| 🖂 |
🖂 |
\1F582 |
Обратная сторона конверта |
| ☃ |
☃ |
\2603 |
Снеговик |
| ☦ |
☦ |
\2626 |
Православный крест |
| ⚓ |
⚓ |
\2693 |
Якорь |
| ✆ |
✆ |
\2706 |
Знак телефона |
| ☎ |
☎ |
\260E |
Телефон |
| ☕ |
☕ |
\2615 |
Горячие напитки |
| ✎ |
✎ |
\270E |
Карандаш, направленный вправо-вниз |
| ✏ |
✏ |
\270F |
Карандаш |
| ✐ |
✐ |
\2710 |
Карандаш, направленный вправо-вверх |
| ✑ |
✑ |
\2711 |
Незакрашенное острие пера |
| ✒ |
✒ |
\2712 |
Закрашенное острие пера |
| ⚜ |
⚜ |
\269C |
Геральдическая лилия |
| ⛑ |
⛑ |
\26D1 |
Шлем с белым крестом |
| ⚝ |
⚝ |
\269D |
Начерченная белая звезда |
| ❄ |
❄ |
\2744 |
Снежинка |
| ❤ |
❤ |
\2764 |
Закрашенное жирное сердце |
| ❅ |
❅ |
\2745 |
Зажатая трилистниками снежинка |
| ❆ |
❆ |
\2746 |
Жирная остроугольная снежинка |
| ★ |
★ |
\2605 |
Закрашенная звезда |
| ☆ |
☆ |
\2606 |
Незакрашенная звезда |
| ✪ |
✪ |
\272A |
Незакрашенная звезда в закрашенном круге |
| ✫ |
✫ |
\272B |
Закрашенная звезда с незакрашенным кругом внутри |
| ✯ |
✯ |
\272F |
Вращающаяся звезда |
| ❉ |
❉ |
\2749 |
Звёздочка с шарообразными окончаниями |
| ❋ |
❋ |
\274B |
Жирная восьмиконечная каплеобразная звёздочка-пропеллер |
| ✲ |
✲ |
\2732 |
Звёздочка с незакрашенным центром |
| ☀ |
☀ |
\2600 |
Закрашенное солнце с лучами |
| ☁ |
☁ |
\2601 |
Облака |
| ☂ |
☂ |
\2602 |
Зонтик |
| ☑ |
☑ |
\2611 |
Галочка в квадрате |
| ☒ |
☒ |
\2612 |
Крестик в квадрате |
| ☹ |
☹ |
\2639 |
Нахмуренный смайлик |
| ☺ |
☺ |
\263A |
Улыбающийся смайлик |
| ☻ |
☻ |
\263B |
Закрашенный улыбающийся смайлик |
| ☭ |
☭ |
\262D |
Серп и молот |
| ⚑ |
⚑ |
\2691 |
Закрашенный флаг |
| ⚐ |
⚐ |
\2690 |
Незакрашенный флаг |
| ☰ |
☰ |
\2630 |
Триграмма |
| ✿ |
✿ |
\273f |
Закрашенный цветок |
| ❀ |
❀ |
\2740 |
Незакрашенный цветок |
| ✾ |
✾ |
\273E |
Цветок с шестью лепестками |
| ❁ |
❁ |
\2741 |
Закрашенный обведённый цветок |
| ❂ |
❂ |
\2742 |
Цветок из точек |
| ✉ |
✉ |
\2709 |
Конверт |
| ❦ |
❦ |
\2766 |
Сердце в виде цветка |
| ❶ |
❶ |
\2776 |
Номер 1 |
| ❷ |
❷ |
\2777 |
Номер 2 |
| ❸ |
❸ |
\2778 |
Номер 3 |
| ❹ |
❹ |
\2779 |
Номер 4 |
| ❺ |
❺ |
\277A |
Номер 5 |
| ❻ |
❻ |
\277B |
Номер 6 |
| ❼ |
❼ |
\277C |
Номер 7 |
| ❽ |
❽ |
\277D |
Номер 8 |
| ➒ |
➒ |
\2792 |
Номер 9 |
| ➓ |
➓ |
\2793 |
Номер 10 |
| ✖ |
✖ |
\2716 |
Жирный знак умножения |
| ✘ |
✘ |
\2718 |
Жирный крестик |
| ✔ |
✔ |
\2714 |
Жирная отметка галочкой |
| ✚ |
✚ |
\271A |
Жирный крест |
| ⚛ |
⚛ |
\269B |
Символ атома |
| ♺ |
♺ |
\267A |
Символ переработки |
| ❑ |
❑ |
\2751 |
Незакрашенный квадрат с правой нижней тенью |
| ❒ |
❒ |
\2752 |
Незакрашенный квадрат с правой верхней тенью |
| ◈ |
◈ |
\25C8 |
Алмаз в оправе |
| ◐ |
◐ |
\25D0 |
Круг с левой закрашенной половиной |
| ◑ |
◑ |
\25D1 |
Круг с закрашенной правой половиной |
| ⁂ |
⁂ |
\2042 |
Три звездочки |
2. Знаки пунктуации
| Вид |
HTML-код |
CSS-код |
Описание |
| |
|
\00A0 |
Неразрывный пробел |
| |
­ |
\00AD |
Место возможного переноса |
| < |
< |
\003C |
Знак "меньше чем" (начало тега) |
| > |
> |
\003E |
Знак "больше чем" (конец тега) |
| « |
« |
\00AB |
Левая двойная угловая скобка |
| » |
» |
\00BB |
Правая двойная угловая скобка |
| ‹ |
‹ |
\2039 |
Левая угловая одиночная кавычка |
| › |
› |
\203A |
Правая угловая одиночная кавычка |
| " |
" |
\0022 |
Двойная кавычка |
| ′ |
′ |
\2032 |
Одиночный штрих |
| ″ |
″ |
\2033 |
Двойной штрих |
| ‘ |
‘ |
\2018 |
Левая одиночная кавычка |
| ’ |
’ |
\2019 |
Правая одиночная кавычка |
| ‚ |
‚ |
\201A |
Нижняя одиночная кавычка |
| “ |
“ |
\201C |
Левая двойная кавычка |
| ” |
” |
\201D |
Правая двойная кавычка |
| „ |
„ |
\201E |
Нижняя двойная кавычка |
| ❜ |
❜ |
\275C |
Жирная одинарная верхняя запятая |
| ❛ |
❛ |
\275B |
Жирная одинарная повёрнутая верхняя запятая |
| & |
& |
\0026 |
Амперсанд |
| ' |
' |
\0027 |
Апостроф (одинарная кавычка) |
| § |
§ |
\00A7 |
Параграф |
| © |
© |
\00A9 |
Знак copyright |
| ¬ |
¬ |
\00AC |
Знак отрицания |
| ® |
® |
\00AE |
Знак зарегистрированной торговой марки |
| ¯ |
¯ |
\00AF |
Знак долготы над гласным |
| ° |
° |
\00B0 |
Градус |
| ± |
± |
\00B1 |
Плюс-минус |
| ¹ |
¹ |
\00B9 |
Верхний индекс "1" |
| ² |
² |
\00B2 |
Верхний индекс "2" |
| ³ |
³ |
\00B3 |
Верхний индекс "3" |
| ¼ |
¼ |
\00BC |
Одна четверть |
| ½ |
½ |
\00BD |
Одна вторая |
| ¾ |
¾ |
\00BE |
Три четверти |
| ´ |
´ |
\00B4 |
Знак ударения |
| µ |
µ |
\00B5 |
Микро |
| ¶ |
¶ |
\00B6 |
Знак абзаца |
| · |
· |
\00B7 |
Знак умножения |
| ¿ |
¿ |
\00BF |
Перевернутый вопросительный знак |
| ƒ |
ƒ |
\0192 |
Знак флорина |
| ™ |
™ |
\2122 |
Знак торговой марки |
| • |
• |
\2022 |
Маркер списка |
| … |
… |
\2026 |
Многоточие |
| ‾ |
‾ |
\203E |
Надчеркивание |
| – |
– |
\2013 |
Среднее тире |
| — |
— |
\2014 |
Длинное тире |
| ‰ |
‰ |
\2030 |
Промилле |
| } |
} |
\007D |
Правая фигурная скобка |
| { |
{ |
\007B |
Левая фигурная скобка |
| = |
= |
\003D |
Знак равенства |
| ≠ |
≠ |
\2260 |
Знак неравенства |
| ≅ |
≅ |
\2245 |
Конгруэнтность (геометрическое равенство) |
| ≈ |
≈ |
\2248 |
Почти равно |
| ≤ |
≤ |
\2264 |
Меньше чем или равно |
| ≥ |
≥ |
\2265 |
Больше чем или равно |
| ∠ |
∠ |
\2220 |
Угол |
| ⊥ |
⊥ |
\22A5 |
Перпендикулярно (кнопка вверх) |
| √ |
√ |
\221A |
Квадратный корень |
| ∑ |
∑ |
\2211 |
N-ичное суммирование |
| ∫ |
∫ |
\222B |
Интеграл |
| ※ |
※ |
\203B |
Знак сноски |
| ÷ |
÷ |
\00F7 |
Знак деления |
| ∞ |
∞ |
\221E |
Знак бесконечности |
| @ |
@ |
\0040 |
Символ собака |
| [ |
[ |
\005B |
Левая квадратная скобка |
| ] |
] |
\005D |
Правая квадратная скобка |
3. Стрелки
| Вид |
HTML-код |
CSS-код |
Описание |
| ← |
← |
\2190 |
Стрелка влево |
| ↑ |
↑ |
\2191 |
Стрелка вверх |
| → |
→ |
\2192 |
Стрелка вправо |
| ↓ |
↓ |
\2193 |
Стрелка вниз |
| ↔ |
↔ |
\2194 |
Стрелка влево-вправо |
| ↵ |
↵ |
\21B5 |
Стрелка вниз и влево – знак возврата каретки |
| ⇐ |
⇐ |
\21D0 |
Двойная стрелка налево |
| ⇑ |
⇑ |
\21D1 |
Двойная стрелка вверх |
| ⇒ |
⇒ |
\21D2 |
Двойная стрелка направо |
| ⇓ |
⇓ |
\21D3 |
Двойная стрелка вниз |
| ⇔ |
⇔ |
\21D4 |
Двойная стрелка влево-вправо |
| ➠ |
➠ |
\27A0 |
Летящая стрела |
| ➤ |
➤ |
\27A4 |
Наконечник стрелы |
| ➥ |
➥ |
\27A5 |
Изогнутая стрела, указывающая вниз и вправо |
| ➦ |
➦ |
\27A6 |
Изогнутая стрела, указывающая вверх и вправо |
| ➳ |
➳ |
\27B3 |
Стрела направо |
| ↺ |
↺ |
\21BA |
Круглая стрелка с наконечником против часовой стрелки |
| ↻ |
↻ |
\21BB |
Круглая стрелка с наконечником по часовой стрелке |
| ⇧ |
⇧ |
\21E7 |
Толстая полая стрелка вверх |
| ↩ |
↩ |
\21A9 |
Стрелка налево с крючком |
| ➫ |
➫ |
\27AB |
Наклонённая вниз объёмная стрелка |
| ⬇ |
⬇ |
\2B07 |
Закрашенная стрелка вниз |
| ⬆ |
⬆ |
\2B06 |
Закрашенная стрелка вверх |
4. Карточные масти
| Вид |
HTML-код |
CSS-код |
Описание |
| ♠ |
♠ |
\2660 |
"Пики" |
| ♣ |
♣ |
\2663 |
"Трефы" |
| ♥ |
♥ |
\2665 |
"Червы" |
| ♦ |
♦ |
\2666 |
"Бубны" |
| ♡ |
♡ |
\2661 |
Контур "Червы" |
| ♢ |
♢ |
\2662 |
Контур "Бубны" |
| ♤ |
♤ |
\2664 |
Контур "Пики" |
| ♧ |
♧ |
\2667 |
Контур "Трефы" |
5. Деньги
| Вид |
HTML-код |
CSS-код |
Описание |
| ¢ |
¢ |
\FFE0 |
Цент |
| £ |
£ |
\FFE1 |
Фунт стерлингов |
| ₽ |
₽ |
\20BD |
Российский рубль |
| ¥ |
¥ |
\00A5 |
Йена или юань |
| € |
€ |
\20AC |
Евро |
| $ |
$ |
\0024 |
Доллар |
| ₴ |
₴ |
\20B4 |
Знак гривны |
| ₹ |
₹ |
\20B9 |
Индийская рупия |
| 圓 |
圓 |
\5713 |
Китайский юань |
| ₸ |
₸ |
\20B8 |
Казахстанский тенге |
6. Знаки зодиака
| Вид |
HTML-код |
CSS-код |
Описание |
| ♈ |
♈ |
\2648 |
Овен |
| ♉ |
♉ |
\2649 |
Телец |
| ♊ |
♊ |
\264A |
Близнецы |
| ♋ |
♋ |
\264B |
Рак |
| ♌ |
♌ |
\264C |
Лев |
| ♍ |
♍ |
\264D |
Дева |
| ♎ |
♎ |
\264E |
Весы |
| ♏ |
♏ |
\264F |
Скорпион |
| ♐ |
♐ |
\2650 |
Стрелец |
| ♑ |
♑ |
\2651 |
Козерог |
| ♒ |
♒ |
\2652 |
Водолей |
| ♓ |
♓ |
\2653 |
Рыбы |