Спецсимволы HTML + CSS (мнемоника и коды)

Мнемоника и коды специальных символов html в десятичной и шестнадцатиричной системе, а также инструкция как использовать спецсимволы html через CSS.

Инструкция вставки спецсимволов в HTML

Для вставки специальных символов в HTML код вы можете использовать любое из значений столбиков «Обозначение», «10-ный код» или «16-ный код». Ошибки не будет.

Пример добавления специальных символов:

<!DOCTYPE html> <html> <head> <title>Страница</title> </head> <body> &#x21D2;&#x21D2;&#x21D2;&#x21D2;&#x21D2; <!-- Шестнадцатиричный код --> &#8659;&#8659;&#8659;&#8659;&#8659; <!-- Десятичный код --> &hArr;&hArr;&hArr;&hArr;&hArr; <!-- Обозначение --> </body> </html>

 Вот как это будет выглядеть на странице:

⇒⇒⇒⇒⇒ ⇓⇓⇓⇓⇓ ⇔⇔⇔⇔⇔

Инструкция вставки спецсимволов через CSS

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

Каждый 16-ный символ в таблице кодируется так - &#x"Шестнадцитиричный код";

Если вы хотите добавить символ, то вам нужно скоппировать необходимый "Шестнадцитиричный код" из таблицы (без приставки &#x), поставить перед ним обратный слеш \ и добавить его при помощи свойства content. Чаше всего также для использования свойства content применяют псевдоклассы :before или :after.

Пример: «закрашенный телефон»: ☎

десятичный код:

☎

шестнадцатиричный код:

☎

css код:

content: '\260E';

 

Пример добавления спец-символа через CSS:

<!DOCTYPE html> <html> <head> <title>Страница</title> </head> <body> <p class="str675">Двойная стрелка вправо</p>  </body> </html>

 p.str675:after { content: '\21D2'; } 

Вот как это будет выглядеть на странице:

Двойная стрелка вправо ⇒

Таблица с кодами спецсимволов (мнемоник) HTML

Описание символа	Мнемоника	10-ный код	16-ный код	Вид
перевернутый восклицательный знак	¡	¡	¡	¡
цент	¢	¢	¢	¢
фунт стерлингов	£	£	£	£
знак денежной единицы	¤	¤	¤	¤
йена	¥	¥	¥	¥
вертикальная черта	¦	¦	¦	¦
параграф	§	§	§	§
диереза	¨	¨	¨	¨
знак авторского права	©	©	©	©
показатель женского рода	ª	ª	ª	ª
открывающая двойная угловая кавычка	«	«	«	«
знак отрицания	¬	¬	¬	¬
мягкий перенос	­	­	­
охраняемый знак	®	®	®	®
надчеркивание	¯	¯	¯	¯
градус	°	°	°	°
плюс-минус	±	±	±	±
вторая степень	²	²	²	²
третья степень	³	³	³	³
острое ударение	´	´	´	´
знак микро	µ	µ	µ	µ
конец абзаца	¶	¶	¶	¶
средняя точка	·	·	·	·
седиль	¸	¸	¸	¸
единица в верхнем индексе	¹	¹	¹	¹
показатель мужского рода	º	º	º	º
закрывающая двойная угловая кавычка	»	»	»	»
одна четвертая	¼	¼	¼	¼
одна вторая	½	½	½	½
три четверти	¾	¾	¾	¾
перевернутый вопросительный знак	¿	¿	¿	¿
A с тупым ударением	À	À	À	À
A с острым ударением	Á	Á	Á	Á
A с циркумфлексом	Â	Â	Â	Â
A с тильдой	Ã	Ã	Ã	Ã
A с диерезой	Ä	Ä	Ä	Ä
A с кружком	Å	Å	Å	Å
лигатура AE	Æ	Æ	Æ	Æ
C с седилем	Ç	Ç	Ç	Ç
E с тупым ударением	È	È	È	È
E с острым ударением	É	É	É	É
E с циркумфлексом	Ê	Ê	Ê	Ê
E с диерезой	Ë	Ë	Ë	Ë
I с тупым ударением	Ì	Ì	Ì	Ì
I с острым ударением	Í	Í	Í	Í
I с циркумфлексом	Î	Î	Î	Î
I с диерезой	Ï	Ï	Ï	Ï
ETH	Ð	Ð	Ð	Ð
N с тильдой	Ñ	Ñ	Ñ	Ñ
O с тупым ударением	Ò	Ò	Ò	Ò
O с острым ударением	Ó	Ó	Ó	Ó
O с циркумфлексом	Ô	Ô	Ô	Ô
O с тильдой	Õ	Õ	Õ	Õ
O с диерезой	Ö	Ö	Ö	Ö
знак умножения	×	×	×	×
O перечеркнутое	Ø	Ø	Ø	Ø
U с тупым ударением	Ù	Ù	Ù	Ù
U с острым ударением	Ú	Ú	Ú	Ú
U с циркумфлексом	Û	Û	Û	Û
U с диерезой	Ü	Ü	Ü	Ü
Y с острым ударением	Ý	Ý	Ý	Ý
THORN	Þ	Þ	Þ	Þ
двойное s	ß	ß	ß	ß
a с тупым ударением	à	à	à	à
a с острым ударением	á	á	á	á
a с циркумфлексом	â	â	â	â
a с тильдой	ã	ã	ã	ã
a с диерезой	ä	ä	ä	ä
a с кружком	å	å	å	å
лигатура ae	æ	æ	æ	æ
c с седилем	ç	ç	ç	ç
e с тупым ударением	è	è	è	è
e с острым ударением	é	é	é	é
e с циркумфлексом	ê	ê	ê	ê
e с диерезой	ë	ë	ë	ë
i с тупым ударением	ì	ì	ì	ì
i с острым ударением	í	í	í	í
i с циркумфлексом	î	î	î	î
i с диерезой	ï	ï	ï	ï
eth	ð	ð	ð	ð
n с тильдой	ñ	ñ	ñ	ñ
o с тупым ударением	ò	ò	ò	ò
o с острым ударением	ó	ó	ó	ó
o с циркумфлексом	ô	ô	ô	ô
o с тильдой	õ	õ	õ	õ
o с диерезой	ö	ö	ö	ö
знак деления	÷	÷	÷	÷
o перечеркнутое	ø	ø	ø	ø
u с тупым ударением	ù	ù	ù	ù
u с острым ударением	ú	ú	ú	ú
u с циркумфлексом	û	û	û	û
u с диерезой	ü	ü	ü	ü
y с острым ударением	ý	ý	ý	ý
thorn	þ	þ	þ	þ
y с диерезой	ÿ	ÿ	ÿ	ÿ
кавычка	"	"	"	"
амперсанд	&	&	&	&
меньше (левая угловая скобка)	&lt;	&#60;	&#x3C;	<
больше (правая угловая скобка)	&gt;	&#62;	&#x3E;	>
лигатура OE	&OElig;	&#338;	&#x152;	Œ
лигатура oe	&oelig;	&#339;	&#x153;	œ
S с птичкой	&Scaron;	&#352;	&#x160;	Š
s с птичкой	&scaron;	&#353;	&#x161;	š
Y с диерезой	&Yuml;	&#376;	&#x178;	Ÿ
циркумфлекс	&circ;	&#710;	&#x2C6;	ˆ
малая тильда	&tilde;	&#732;	&#x2DC;	˜
неразрывный межсловный пробел	&nbsp;	&#160;	&#xA0;
узкий пробел (тонкая шпация)	&thinsp;	&#8201;	&#x2009;
короткий пробел (полукруглая шпация)	&ensp;	&#8194;	&#x2002;
длинный пробел (круглая шпация)	&emsp;	&#8195;	&#x2003;
разделитель нулевой ширины	&zwnj;	&#8204;	&#x200C;	‌
соединитель нулевой ширины	&zwj;	&#8205;	&#x200D;	‍
указатель слева направо	&lrm;	&#8206;	&#x200E;	‎
указатель справа налево	&rlm;	&#8207;	&#x200F;	‏
короткое тире	&ndash;	&#8211;	&#x2013;	–
длинное тире	&mdash;	&#8212;	&#x2014;	—
открывающая одинарная кавычка	&lsquo;	&#8216;	&#x2018;	‘
закрывающая одинарная кавычка	&rsquo;	&#8217;	&#x2019;	’
нижняя одинарная кавычка	&sbquo;	&#8218;	&#x201A;	‚
открывающая двойная кавычка	&ldquo;	&#8220;	&#x201C;	“
закрывающая двойная кавычка	&rdquo;	&#8221;	&#x201D;	”
нижняя двойная кавычка	&bdquo;	&#8222;	&#x201E;	„
кинжал (крест)	&dagger;	&#8224;	&#x2020;	†
двойной кинжал (двойной крест)	&Dagger;	&#8225;	&#x2021;	‡
знак промилле	&permil;	&#8240;	&#x2030;	‰
открывающая угловая кавычка	&lsaquo;	&#8249;	&#x2039;	‹
закрывающая угловая кавычка	&rsaquo;	&#8250;	&#x203A;	›
евро	&euro;	&#8364;	&#x20AC;	€
курсивное f	&fnof;	&#402;	&#x192;	ƒ
прописная альфа	&Alpha;	&#913;	&#x391;	Α
прописная бета	&Beta;	&#914;	&#x392;	Β
прописная гамма	&Gamma;	&#915;	&#x393;	Γ
прописная дельта	&Delta;	&#916;	&#x394;	Δ
прописной эпсилон	&Epsilon;	&#917;	&#x395;	Ε
прописная дзета	&Zeta;	&#918;	&#x396;	Ζ
прописная эта	&Eta;	&#919;	&#x397;	Η
прописная тета	&Theta;	&#920;	&#x398;	Θ
прописная иота	&Iota;	&#921;	&#x399;	Ι
прописная каппа	&Kappa;	&#922;	&#x39A;	Κ
прописная ламбда	&Lambda;	&#923;	&#x39B;	Λ
прописная мю	&Mu;	&#924;	&#x39C;	Μ
прописная ню	&Nu;	&#925;	&#x39D;	Ν
прописная кси	&Xi;	&#926;	&#x39E;	Ξ
прописной омикрон	&Omicron;	&#927;	&#x39F;	Ο
прописная пи	&Pi;	&#928;	&#x3A0;	Π
прописная ро	&Rho;	&#929;	&#x3A1;	Ρ
прописная сигма	&Sigma;	&#931;	&#x3A3;	Σ
прописная тау	&Tau;	&#932;	&#x3A4;	Τ
прописная ипсилон	&Upsilon;	&#933;	&#x3A5;	Υ
прописная фи	&Phi;	&#934;	&#x3A6;	Φ
прописная хи	&Chi;	&#935;	&#x3A7;	Χ
прописная пси	&Psi;	&#936;	&#x3A8;	Ψ
прописная омега	&Omega;	&#937;	&#x3A9;	Ω
строчная альфа	&alpha;	&#945;	&#x3B1;	α
строчная бета	&beta;	&#946;	&#x3B2;	β
строчная гамма	&gamma;	&#947;	&#x3B3;	γ
строчная дельта	&delta;	&#948;	&#x3B4;	δ
строчная эпсилон	&epsilon;	&#949;	&#x3B5;	ε
строчная дзета	&zeta;	&#950;	&#x3B6;	ζ
строчная эта	&eta;	&#951;	&#x3B7;	η
строчная тета	&theta;	&#952;	&#x3B8;	θ
строчная иота	&iota;	&#953;	&#x3B9;	ι
строчная каппа	&kappa;	&#954;	&#x3BA;	κ
строчная ламбда	&lambda;	&#955;	&#x3BB;	λ
строчная мю	&mu;	&#956;	&#x3BC;	μ
строчная ню	&nu;	&#957;	&#x3BD;	ν
строчная кси	&xi;	&#958;	&#x3BE;	ξ
строчный омикрон	&omicron;	&#959;	&#x3BF;	ο
строчная пи	&pi;	&#960;	&#x3C0;	π
строчная ро	&rho;	&#961;	&#x3C1;	ρ
строчная сигма конечная	&sigmaf;	&#962;	&#x3C2;	ς
строчная сигма	&sigma;	&#963;	&#x3C3;	σ
строчная тау	&tau;	&#964;	&#x3C4;	τ
строчная ипсилон	&upsilon;	&#965;	&#x3C5;	υ
строчная фи	&phi;	&#966;	&#x3C6;	φ
строчная хи	&chi;	&#967;	&#x3C7;	χ
строчная пси	&psi;	&#968;	&#x3C8;	ψ
строчная омега	&omega;	&#969;	&#x3C9;	ω
символ строчная тета	&thetasym;	&#977;	&#x3D1;	ϑ
ипсилон с крючком	&upsih;	&#978;	&#x3D2;	ϒ
символ пи	&piv;	&#982;	&#x3D6;	ϖ
маркер списка	&bull;	&#8226;	&#x2022;	•
многоточие	&hellip;	&#8230;	&#x2026;	…
знак прим	&prime;	&#8242;	&#x2032;	′
знак двойной прим	&Prime;	&#8243;	&#x2033;	″
надчеркивание	&oline;	&#8254;	&#x203E;	‾
дробная черта	&frasl;	&#8260;	&#x2044;	⁄
рукописная P	&weierp;	&#8472;	&#x2118;	℘
мнимая часть числа	&image;	&#8465;	&#x2111;	ℑ
действительная часть числа	&real;	&#8476;	&#x211C;	ℜ
торговая марка	&trade;	&#8482;	&#x2122;	™
алеф	&alefsym;	&#8501;	&#x2135;	ℵ
стрелка влево	&larr;	&#8592;	&#x2190;	←
стрелка вверх	&uarr;	&#8593;	&#x2191;	↑
стрелка вправо	&rarr;	&#8594;	&#x2192;	→
стрелка вниз	&darr;	&#8595;	&#x2193;	↓
стрелка влево-вправо	&harr;	&#8596;	&#x2194;	↔
возврат каретки	&crarr;	&#8629;	&#x21B5;	↵
двойная стрелка влево	&lArr;	&#8656;	&#x21D0;	⇐
двойная стрелка вверх	&uArr;	&#8657;	&#x21D1;	⇑
двойная стрелка вправо	&rArr;	&#8658;	&#x21D2;	⇒
двойная стрелка вниз	&dArr;	&#8659;	&#x21D3;	⇓
двойная стрелка влево-вправо	&hArr;	&#8660;	&#x21D4;	⇔
квантор всеобщности	&forall;	&#8704;	&#x2200;	∀
знак дифференциала	&part;	&#8706;	&#x2202;	∂
квантор существования	&exist;	&#8707;	&#x2203;	∃
пустое множество	&empty;	&#8709;	&#x2205;	∅
набла	&nabla;	&#8711;	&#x2207;	∇
принадлежит множеству	&isin;	&#8712;	&#x2208;	∈
не принадлежит множеству	&notin;	&#8713;	&#x2209;	∉
является членом	&ni;	&#8715;	&#x220B;	∋
n-арное произведение	&prod;	&#8719;	&#x220F;	∏
n-арная сумма	&sum;	&#8721;	&#x2211;	∑
знак минус	&minus;	&#8722;	&#x2212;	−
оператор звездочка	&lowast;	&#8727;	&#x2217;	∗
радикал	&radic;	&#8730;	&#x221A;	√
пропорционально	&prop;	&#8733;	&#x221D;	∝
бесконечность	&infin;	&#8734;	&#x221E;	∞
угол	&ang;	&#8736;	&#x2220;	∠
логическое И	&and;	&#8743;	&#x2227;	∧
логическое ИЛИ	&or;	&#8744;	&#x2228;	∨
пересечение	&cap;	&#8745;	&#x2229;	∩
объединение	&cup;	&#8746;	&#x222A;	∪
интеграл	&int;	&#8747;	&#x222B;	∫
следовательно	&there4;	&#8756;	&#x2234;	∴
оператор тильда	&sim;	&#8764;	&#x223C;	∼
приблизительно равно	&cong;	&#8773;	&#x2245;	≅
асимптотически равно	&asymp;	&#8776;	&#x2248;	≈
не равно	&ne;	&#8800;	&#x2260;	≠
тождественно равно	&equiv;	&#8801;	&#x2261;	≡
меньше или равно	&le;	&#8804;	&#x2264;	≤
больше или равно	&ge;	&#8805;	&#x2265;	≥
подмножество	&sub;	&#8834;	&#x2282;	⊂
надмножество	&sup;	&#8835;	&#x2283;	⊃
не подмножество	&nsub;	&#8836;	&#x2284;	⊄
подмножество или равно	&sube;	&#8838;	&#x2286;	⊆
надмножество или равно	&supe;	&#8839;	&#x2287;	⊇
прямая сумма	&oplus;	&#8853;	&#x2295;	⊕
векторное произведение	&otimes;	&#8855;	&#x2297;	⊗
перпендикулярно	&perp;	&#8869;	&#x22A5;	⊥
оператор точка	&sdot;	&#8901;	&#x22C5;	⋅
левый верхний угол	&lceil;	&#8968;	&#x2308;	⌈
правый верхний угол	&rceil;	&#8969;	&#x2309;	⌉
левый нижний угол	&lfloor;	&#8970;	&#x230A;	⌊
правый нижний угол	&rfloor;	&#8971;	&#x230B;	⌋
левая угловая скобка	&lang;	&#9001;	&#x2329;	(
правая угловая скобка	&rang;	&#9002;	&#x232A;	)
ромб	&loz;	&#9674;	◊
пики	&spades;	&#9824;	&#x2660;	♠
трефы	&clubs;	&#9827;	&#x2663;	♣
червы	&hearts;	&#9829;	&#x2665;	♥
бубны	&diams;	&#9830;	&#x2666;	♦

 

Дополнительные спецсимволы HTML

Описание символа	10-ный код	16-ный код	Вид
Паром, переправа, судно, корабль	⛴	⛴	⛴
триграмма	☰	☰	☰
карандаш	✏	✏	✏
карандаш	✎	✎	✎
карандаш	✐	✐	✐
перо	✑	✑	✑
перо	✒	✒	✒
треугольная стрелка вверх	▲	▲	▲
треугольная стрелка вниз	▼	▼	▼
треугольная стрелка вправо	►	►	►
треугольная стрелка влево	◄	◄	◄
галочка	✓	✓	✓
жирная галочка	✔	✔	✔
крест	☓	☓	☓
жирный крест	✖	✖	✖
крестик	✗	✗	✗
жирный крестик	✘	✘	✘
круг	○	○	○
круг закрашенный	●	●	●
квадрат	□	□	□
квадрат закрашенный	■	■	■
еврейская звезда	✡	✡	✡
звезда	✪	✪	✪
звезда	✫	✫	✫
звезда	&#10028	✬	✬
звезда рельефная	&#10031	✯	✯
3-d звезда	✰	✰	✰
звезда	★	★	★
звезда	☆	☆	☆
солнце	☀	☀	☀
солнце	☼	☼	☼
облако, туча	☁	☁	☁
снежинка	❄	❄	❄
снежинка	❅	❅	❅
снежинка	❆	❆	❆
зонт	☂	☂	☂
снеговик	☃	☃	☃
цветок	✿	✿	✿
цветок	✽	✽	✽
цветок разноцветный	✾	✾	✾
красивый цветок	❀	❀	❀
растущий месяц	☽	☽	☽
убывающий месяц	☾	☾	☾
закрашенный телефон	☎	☎	☎
незакрашенный телефон	☏	☏	☏
телефонная трубка	✆	✆	✆
многоугольник	✹	✹	✹
многоугольник	✸	✸	✸
многоугольник	✷	✷	✷
шестиугольник	✶	✶	✶
пункт	☐	☐	☐
активный пункт, галочка	☑	☑	☑
активный пункт, крест	☒	☒	☒
череп и кости	☠	☠	☠
мусульманский символ	☪	☪	☪
серп и молот	☭	☭	☭
письмо, конверт, адрес	✉	✉	✉
Конверт с молнией, электронное письмо	🖄	🖄	🖄
инь и янь	☯	☯	☯
пишущая рука	✍	✍	✍
грустный смайл	☹	☹	☹
веселый смайл	☺	☺	☺
веселый смайл	☻	☻	☻
незакрашенные ножницы	✄	✄	✄
закрашенные ножницы	✂	✂	✂
женщина	♀	♀	♀
мужчина	♂	♂	♂
сердце	❥	❥	❥
сердце-узор	❦	❦	❦
одиночная кавычка левая	❛	❛	❛
одиночная кавычка правая	❜	❜	❜
двойная кавычка левая	❝	❝	❝
двойная кавычка правая	❞	❞	❞
четвертная нота	♩	♩	♩
восьмая	♪	♪	♪
две восьмые	♫	♫	♫
шестнадцатая	♬	♬	♬
бемоль	♭	♭	♭
бекар	♮	♮	♮
диез	♯	♯	♯
шар	❍	❍	❍
куб	❒	❒	❒
астеризм	⁂	⁂	⁂
Жест хорошо (большой палец поднят)	👍	👍	👍
Жест плохо (большой палец вниз)	&#1F44E;	👎	👎
Развёрнутый жест с большим пальцем вверх	&#1F592;	👍	🖒
Развёрнутый жест с большим пальцем вниз	&#1F593;	🖓	🖓

 

Полная таблица символов Юникода - https://unicode-table.com/ru/