Спецсимволы HTML — таблица знаков

Специальные символы – это технические знаки, которые не представлены на клавиатуре и закодированы через кодировку ЮНИКОД или иного метаязыка. Спецсимволы разделены на группы: математические, греческий алфавит, ISO 8859-1 и другие. Зачем они необходимы и как использовать читайте далее в статье.

Применение спецсимволов при написании документов

Употребление осуществляется для следующих целей:

Придание статье завершённости и эстетичности. Особые знаки помогают быстрее понять размерные величины или прочитать историческое название на латинском или греческом языке.
Некоторые элементы обеспечивают правильную разметку документа. К примеру, «» и “” отличаются, первые передаются стандартными средствами, другие через спецсимволы.
Вёрстка документов математической направленности не может обойтись без знаний основных групп элементов.

Далее, разберёмся в вопросе применения соответствующих расшифровок на практике.

Основные знаки

Материал позволит найти специальные символы в соответствующей кодировке для быстрой вставки в текст.

Внешний вид	Обозначение	HTML-код	CSS-код
☃	Снеговик	☃	\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
❶	Номер 1	❶	\2776
❷	Номер 2	❷	\2777
❸	Номер 3	❸	\2778
❹	Номер 4	❹	\2779
❺	Номер 5	❺	\277A
❻	Номер 6	❻	\277B
❼	Номер 7	❼	\277C
❽	Номер 8	❽	\277D
➒	Номер 9	➒	\2792
➓	Номер 10	➓	\2793
✖	Жирный знак умножения	✖	\2716
✘	Жирный крестик	✘	\2718
✔	Жирная отметка галочкой	✔	\2714
✚	Жирный крест	✚	\271A
⚛	Символ атома	⚛	\269B
♺	Символ переработки	♺	\267A
❑	Незакрашенный квадрат с правой нижней тенью	❑	\2751
❒	Незакрашенный квадрат с правой верхней тенью	❒	\2752
◈	Алмаз в оправе	◈	\25C8
◐	Круг с левой закрашенной половиной	◐	\25D0
◑	Круг с закрашенной правой половиной	◑	\25D1
⁂	Три звездочки	⁂	\2042

Дополненный каталог эмоджи смотрите тут.

Знаки препинания

Внешний вид	Обозначение	HTML-код	CSS-код
<	Знак «меньше чем» (начало тега)	<	\003C
>	Знак «больше чем» (конец тега)	>	\003E
«	Левая двойная угловая скобка	«	\00AB
»	Правая двойная угловая скобка	»	\00BB
‹	Левая угловая одиночная кавычка	&lsaquo;	\2039
›	Правая угловая одиночная кавычка	&rsaquo;	\203A
«	Двойная кавычка	"	\0022
′	Одиночный штрих	′	\2032
″	Двойной штрих	″	\2033
‘	Левая одиночная кавычка	‘	\2018
’	Правая одиночная кавычка	’	\2019
‚	Нижняя одиночная кавычка	&sbquo;	\201A
“	Левая двойная кавычка	“	\201C
”	Правая двойная кавычка	”	\201D
„	Нижняя двойная кавычка	&bdquo;	\201E
❜	Жирная одинарная верхняя запятая	❜	\275C
❛	Жирная одинарная повёрнутая верхняя запятая	❛	\275B
&	Амперсанд	&	\0026
‘	Апостроф (одинарная кавычка)	'	\0027
§	Параграф	§	\00A7
©	Знак copyright	©	\00A9
¬	Знак отрицания	¬	\00AC
®	Знак зарегистрированной торговой марки	®	\00AE
¯	Знак долготы над гласным	¯	\00AF
°	Градус	°	\00B0
±	Плюс-минус	±	\00B1
¹	Верхний индекс «1»	¹	\00B9
²	Верхний индекс «2»	²	\00B2
³	Верхний индекс «3»	³	\00B3
¼	Одна четверть	¼	\00BC
½	Одна вторая	½	\00BD
¾	Три четверти	¾	\00BE
´	Знак ударения	´	\00B4
µ	Микро	µ	\00B5
¶	Знак абзаца	¶	\00B6
·	Знак умножения	·	\00B7
¿	Перевернутый вопросительный знак	¿	\00BF
ƒ	Знак флорина	&fnof;	\0192
™	Знак торговой марки	™	\2122
•	Маркер списка	•	\2022
…	Многоточие	…	\2026
‾	Надчеркивание	&oline;	\203E
–	Среднее тире	–	\2013
—	Длинное тире	—	\2014
‰	Промилле	&permil;	\2030
}	Правая фигурная скобка	}	\007D
{	Левая фигурная скобка	{	\007B
=	Знак равенства	=	\003D
≠	Знак неравенства	≠	\2260
≅	Конгруэнтность (геометрическое равенство)	&cong;	\2245
≈	Почти равно	≈	\2248
≤	Меньше чем или равно	≤	\2264
≥	Больше чем или равно	≥	\2265
∠	Угол	&ang;	\2220
⊥	Перпендикулярно (кнопка вверх)	&perp;	\22A5
√	Квадратный корень	√	\221A
∑	N-ичное суммирование	∑	\2211
∫	Интеграл	∫	\222B
※	Знак сноски	※	\203B
÷	Знак деления	÷	\00F7
∞	Знак бесконечности	∞	\221E
@	Символ собака	@	\0040
[	Левая квадратная скобка	[	\005B
]	Правая квадратная скобка	]	\005D

Стрелки

Внешний вид	Обозначение	HTML-код	CSS-код
←	Стрелка влево	←	\2190
↑	Стрелка вверх	↑	\2191
→	Стрелка вправо	→	\2192
↓	Стрелка вниз	↓	\2193
↔	Стрелка влево-вправо	↔	\2194
↵	Стрелка вниз и влево – знак возврата каретки	&crarr;	\21B5
⇐	Двойная стрелка налево	⇐	\21D0
⇑	Двойная стрелка вверх	&uArr;	\21D1
⇒	Двойная стрелка направо	⇒	\21D2
⇓	Двойная стрелка вниз	&dArr;	\21D3
⇔	Двойная стрелка влево-вправо	⇔	\21D4
➠	Летящая стрела	➠	\27A0
➤	Наконечник стрелы	➤	\27A4
➥	Изогнутая стрела, указывающая вниз и вправо	➥	\27A5
➦	Изогнутая стрела, указывающая вверх и вправо	➦	\27A6
➳	Стрела направо	➳	\27B3
↺	Круглая стрелка с наконечником против часовой стрелки	↺	\21BA
↻	Круглая стрелка с наконечником против часовой стрелки	↻	\21BB
⇧	Толстая полая стрелка вверх	⇧	\21E7
↩	Стрелка налево с крючком	↩	\21A9
➫	Наклонённая вниз объёмная стрелка	➫	\27AB
⬇	Закрашенная стрелка вниз	⬇	\2B07
⬆	Закрашенная стрелка вверх	⬆	\2B06

Карточные масти, знаки зодиака и значки валют

Внешний вид	Обозначение	HTML-код	CSS-код
♠	«Пики»	&spades;	\2660
♣	«Трефы»	&clubs;	\2663
♥	«Червы»	&hearts;	\2665
♦	«Бубны»	&diams;	\2666
♡	Контур «Червы»	♡	\2661
♢	Контур «Бубны»	♢	\2662
♤	Контур «Пики»	♤	\2664
♧	Контур «Трефы»	♧	\2667
¢	Цент	¢	\FFE0
£	Фунт стерлингов	£	\FFE1
₽	Российский рубль	₽	\20BD
¥	Йена или юань	¥	\00A5
€	Евро	€	\20AC
$	Доллар	$	\0024
₴	Знак гривны	₴	\20B4
₹	Индийская рупия	₹	\20B9
圓	Китайский юань	圓	\5713
₸	Казахстанский тенге	₸	\20B8
♈	Овен	♈	\2648
♉	Телец	♉	\2649
♊	Близнецы	♊	\264A
♋	Рак	♋	\264B
♌	Лев	♌	\264C
♍	Дева	♍	\264D
♎	Весы	♎	\264E
♏	Скорпион	♏	\264F
♐	Стрелец	♐	\2650
♑	Козерог	♑	\2651
♒	Водолей	♒	\2652
♓	Рыбы	♓	\2653

Греческий алфавит

Буква	строчные		прописные
Буква	символ	html-код	символ	html-код
альфа	α	α	Α	Α
бета	β	β	Β	Β
гамма	γ	γ	Γ	Γ
дельта	δ	δ	Δ	Δ
эпсилон	ε	ε	Ε	Ε
дзета	ζ	ζ	Ζ	Ζ
эта	η	η	Η	Η
тета	θ	θ	Θ	Θ
йота	ι	ι	Ι	Ι
каппа	κ	κ	Κ	Κ
лямбда	λ	λ	Λ	Λ
мю	μ	μ	Μ	Μ
ню	ν	ν	Ν	Ν
кси	ξ	ξ	Ξ	Ξ
омикрон	ο	ο	Ο	Ο
пи	π	π	Π	Π
ро	ρ	ρ	Ρ	Ρ
сигма	σ	σ	Σ	Σ
окончательная сигма	ς	&sigmaf;
тау	τ	τ	Τ	Τ
ипсилон	υ	υ	Υ	Υ
фи	φ	φ	Φ	Φ
хи	χ	χ	Χ	Χ
пси	ψ	ψ	Ψ	Ψ
омега	ω	ω	Ω	Ω

Как употреблять на практике

Независимо от CMS, добавление статьи выполняется с использованием визуального редактора и HTML версии. Все специальные символы в кодировке возможно вставить только во втором случае. Чтобы правильно воспользоваться инструментов, рекомендуется взять на заметку таблицы, где показан код и внешнее представление.

Обращаем внимание, если вставить знак в визуальном представлении статьи, то в HTML произойдёт превращение элемента в соответствующий код. При ручном вводе информации учитывайте регистр, который влияет на конечный результат.