Воскресенье, 20 декабря 2020 14:22

Специальные символы HTML - таблица с кодами HTML

Проголосуйте
(0 votes)
Таблица с кодами специальных символов HTML
Содержание: [Скрыть]

Таблица с кодами специальных символов 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.

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

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

&#9742;
шестнадцатиричный код: 
&#x260E;


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-ный код Вид
неразрывный пробел &nbsp; &#160; &#xA0;
перевернутый восклицательный знак &iexcl; &#161; &#xA1; ?
цент &cent; &#162; &#xA2; ?
фунт стерлингов &pound; &#163; &#xA3; ?
знак денежной единицы &curren; &#164; &#xA4; ¤
йена &yen; &#165; &#xA5; ?
вертикальная черта &brvbar; &#166; &#xA6; ¦
параграф &sect; &#167; &#xA7; §
диереза &uml; &#168; &#xA8; ?
знак авторского права &copy; &#169; &#xA9; ©
показатель женского рода &ordf; &#170; &#xAA; ?
открывающая двойная угловая кавычка &laquo; &#171; &#xAB; «
знак отрицания &not; &#172; &#xAC; ¬
мягкий перенос &shy; &#173; &#xAD; ­
охраняемый знак &reg; &#174; &#xAE; ®
надчеркивание &macr; &#175; &#xAF; ?
градус &deg; &#176; &#xB0; °
плюс-минус &plusmn; &#177; &#xB1; ±
вторая степень &sup2; &#178; &#xB2; ?
третья степень &sup3; &#179; &#xB3; ?
острое ударение &acute; &#180; &#xB4; ?
знак микро &micro; &#181; &#xB5; µ
конец абзаца &para; &#182; &#xB6;
средняя точка &middot; &#183; &#xB7; ·
седиль &cedil; &#184; &#xB8; ?
единица в верхнем индексе &sup1; &#185; &#xB9; ?
показатель мужского рода &ordm; &#186; &#xBA; ?
закрывающая двойная угловая кавычка &raquo; &#187; &#xBB; »
одна четвертая &frac14; &#188; &#xBC; ?
одна вторая &frac12; &#189; &#xBD; ?
три четверти &frac34; &#190; &#xBE; ?
перевернутый вопросительный знак &iquest; &#191; &#xBF; ?
A с тупым ударением &Agrave; &#192; &#xC0; ?
A с острым ударением &Aacute; &#193; &#xC1; ?
A с циркумфлексом &Acirc; &#194; &#xC2; ?
A с тильдой &Atilde; &#195; &#xC3; ?
A с диерезой &Auml; &#196; &#xC4; ?
A с кружком &Aring; &#197; &#xC5; ?
лигатура AE &AElig; &#198; &#xC6; ?
C с седилем &Ccedil; &#199; &#xC7; ?
E с тупым ударением &Egrave; &#200; &#xC8; ?
E с острым ударением &Eacute; &#201; &#xC9; ?
E с циркумфлексом &Ecirc; &#202; &#xCA; ?
E с диерезой &Euml; &#203; &#xCB; ?
I с тупым ударением &Igrave; &#204; &#xCC; ?
I с острым ударением &Iacute; &#205; &#xCD; ?
I с циркумфлексом &Icirc; &#206; &#xCE; ?
I с диерезой &Iuml; &#207; &#xCF; ?
ETH &ETH; &#208; &#xD0; ?
N с тильдой &Ntilde; &#209; &#xD1; ?
O с тупым ударением &Ograve; &#210; &#xD2; ?
O с острым ударением &Oacute; &#211; &#xD3; ?
O с циркумфлексом &Ocirc; &#212; &#xD4; ?
O с тильдой &Otilde; &#213; &#xD5; ?
O с диерезой &Ouml; &#214; &#xD6; ?
знак умножения &times; &#215; &#xD7; ?
O перечеркнутое &Oslash; &#216; &#xD8; ?
U с тупым ударением &Ugrave; &#217; &#xD9; ?
U с острым ударением &Uacute; &#218; &#xDA; ?
U с циркумфлексом &Ucirc; &#219; &#xDB; ?
U с диерезой &Uuml; &#220; &#xDC; ?
Y с острым ударением &Yacute; &#221; &#xDD; ?
THORN &THORN; &#222; &#xDE; ?
двойное s &szlig; &#223; &#xDF; ?
a с тупым ударением &agrave; &#224; &#xE0; ?
a с острым ударением &aacute; &#225; &#xE1; ?
a с циркумфлексом &acirc; &#226; &#xE2; ?
a с тильдой &atilde; &#227; &#xE3; ?
a с диерезой &auml; &#228; &#xE4; ?
a с кружком &aring; &#229; &#xE5; ?
лигатура ae &aelig; &#230; &#xE6; ?
c с седилем &ccedil; &#231; &#xE7; ?
e с тупым ударением &egrave; &#232; &#xE8; ?
e с острым ударением &eacute; &#233; &#xE9; ?
e с циркумфлексом &ecirc; &#234; &#xEA; ?
e с диерезой &euml; &#235; &#xEB; ?
i с тупым ударением &igrave; &#236; &#xEC; ?
i с острым ударением &iacute; &#237; &#xED; ?
i с циркумфлексом &icirc; &#238; &#xEE; ?
i с диерезой &iuml; &#239; &#xEF; ?
eth &eth; &#240; &#xF0; ?
n с тильдой &ntilde; &#241; &#xF1; ?
o с тупым ударением &ograve; &#242; &#xF2; ?
o с острым ударением &oacute; &#243; &#xF3; ?
o с циркумфлексом &ocirc; &#244; &#xF4; ?
o с тильдой &otilde; &#245; &#xF5; ?
o с диерезой &ouml; &#246; &#xF6; ?
знак деления &divide; &#247; &#xF7; ?
o перечеркнутое &oslash; &#248; &#xF8; ?
u с тупым ударением &ugrave; &#249; &#xF9; ?
u с острым ударением &uacute; &#250; &#xFA; ?
u с циркумфлексом &ucirc; &#251; &#xFB; ?
u с диерезой &uuml; &#252; &#xFC; ?
y с острым ударением &yacute; &#253; &#xFD; ?
thorn &thorn; &#254; &#xFE; ?
y с диерезой &yuml; &#255; &#xFF; ?
кавычка &quot; &#34; &#x22; «
амперсанд &amp; &#38; &#x26; &
левая угловая скобка &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; ?
короткий пробел &ensp; &#8194; &#x2002;
длинный пробел &emsp; &#8195; &#x2003;
узкий пробел &thinsp; &#8201; &#x2009;
разделитель нулевой ширины &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; &#x25CA; ?
пики &spades; &#9824; &#x2660; ?
трефы &clubs; &#9827; &#x2663; ?
червы &hearts; &#9829; &#x2665; ?
бубны &diams; &#9830; &#x2666; ?

И еще немного...

карандаш &#9999; ?
карандаш &#9998; ?
карандаш &#10000; ?
перо &#10001; ?
перо &#10002; ?
треугольная стрелка вверх &#9650; ?
треугольная стрелка вниз &#9660; ?
треугольная стрелка вправо &#9658; ?
треугольная стрелка влево &#9668; ?
галочка &#10003; ?
галочка &#10004; ?
крестик &#10006; ?
крестик &#10007; ?
крестик &#10008; ?
крест &#9747; ?
круг &#9675; ?
круг закрашенный &#9679; ?
квадрат &#9633; ?
квадрат закрашенный &#9632; ?
еврейская звезда &#10017; ?
звезда &#10026; ?
звезда &#10027; ?
звезда &#10028 ?
звезда рельефная &#10031 ?
3-d звезда &#10032; ?
звезда &#9733; ?
звезда &#9734; ?
солнце &#9728; ?
солнце &#9788; ?
облако, туча &#9729; ?
снежинка &#10052; ?
снежинка &#10053; ?
снежинка &#10054; ?
зонт &#9730; ?
снеговик &#9731; ?
цветок &#10047; ?
цветок &#10045; ?
цветок разноцветный &#10046; ?
красивый цветок &#10048; ?
растущий месяц &#9789; ?
убывающий месяц &#9790; ?
телефон &#9742; ?
телефон &#9743; ?
телефон &#9990; ?
многоугольник &#10041; ?
многоугольник &#10040; ?
многоугольник &#10039; ?
шестиугольник &#10038; ?
пункт &#9744; ?
активный пункт, галочка &#9745; ?
активный пункт, крест &#9746; ?
череп и кости &#9760; ?
мусульманский символ &#9770; ?
серп и молот &#9773; ?
письмо &#9993; ?
инь и янь &#9775; ?
пишущая рука &#9997; ?
грустный смайл &#9785; ?
веселый смайл &#9786; ?
веселый смайл &#9787; ?
ножницы &#9988; ?
ножницы &#9986; ?
женщина &#9792; ?
мужчина &#9794; ?
сердце &#10085; ?
сердце-узор &#10086; ?
одиночная кавычка &#10075; ?
одиночная кавычка &#10076; ?
двойная кавычка &#10077; ?
двойная кавычка &#10078; ?
Четвертная нота &#9833; ?
Восьмая &#9834; ?
две восьмые &#9835; ?
шестнадцатая &#9836; ?
бемоль &#9837; ?
бекар &#9838; ?
диез &#9839; ?
шар &#10061; ?
куб &#10066; ?
астеризм &#8258 ?
Прочитано 120 раз Последние изменения внесены ⇒ Воскресенье, 20 декабря 2020 15:14

Недавние статьи SEO блога от Master Yoda

Больше в этой категории: « Шаблоны WordPress для интернет-магазинов Время загрузки сайта в SEO 2022 - главный параметр ранжирования »
Обратно наверх ⇑⇑⇑