Спецсимволы HTML

Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).

Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.

Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.

Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства

content — CSS-код.

Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).

Популярные спецсимволы HTML

1. Полезные знаки и символы

ВидHTML-кодCSS-кодОписание
&#9731;\2603Снеговик
&#9766;\2626Православный крест
&#9875;\2693Якорь
&#9990;\2706Знак телефона
&#9742;\260EТелефон
&#9749;\2615Горячие напитки
&#9998;\270EКарандаш, направленный вправо-вниз
&#9999;\270FКарандаш
&#10000;\2710Карандаш, направленный вправо-вверх
&#10001;\2711Незакрашенное острие пера
&#10002;\2712Закрашенное острие пера
&#9884;\269CГеральдическая лилия
&#9937;\26D1Шлем с белым крестом
&#9885;\269DНачерченная белая звезда
&#10052;\2744Снежинка
&#10084;\2764Закрашенное жирное сердце
&#10053;\2745Зажатая трилистниками снежинка
&#10054;\2746Жирная остроугольная снежинка
&#9733;\2605Закрашенная звезда
&#9734;\2606Незакрашенная звезда
&#10026;\272AНезакрашенная звезда в закрашенном круге
&#10027;\272BЗакрашенная звезда с незакрашенным кругом внутри
&#10031;\272FВращающаяся звезда
&#10057;\2749Звёздочка с шарообразными окончаниями
&#10059;\274BЖирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10034;\2732Звёздочка с незакрашенным центром
&#9728;\2600Закрашенное солнце с лучами
&#9729;\2601Облака
&#9730;\2602Зонтик
&#9745;\2611Галочка в квадрате
&#9746;\2612Крестик в квадрате
&#9785;\2639Нахмуренный смайлик
&#9786;\263AУлыбающийся смайлик
&#9787;\263BЗакрашенный улыбающийся смайлик
&#9773;\262DСерп и молот
&#9873;\2691Закрашенный флаг
&#9872;\2690Незакрашенный флаг
&#9776;\2630Триграмма
&#10047;\273fЗакрашенный цветок
&#10048;\2740Незакрашенный цветок
&#10046;\273EЦветок с шестью лепестками
&#10049;\2741Закрашенный обведённый цветок
&#10050;\2742Цветок из точек
&#9993;\2709Конверт
&#10086;\2766Сердце в виде цветка
&#10102;\2776Номер 1
&#10103;\2777Номер 2
&#10104;\2778Номер 3
&#10105;\2779Номер 4
&#10106;\277AНомер 5
&#10107;\277BНомер 6
&#10108;\277CНомер 7
&#10109;\277DНомер 8
&#10130;\2792Номер 9
&#10131;\2793Номер 10
&#10006;\2716Жирный знак умножения
&#10008;\2718Жирный крестик
&#10004;\2714Жирная отметка галочкой
&#10010;\271AЖирный крест
&#9883;\269BСимвол атома
&#9850;\267AСимвол переработки
&#10065;\2751Незакрашенный квадрат с правой нижней тенью
&#10066;\2752Незакрашенный квадрат с правой верхней тенью
&#9672;\25C8Алмаз в оправе
&#9680;\25D0Круг с левой закрашенной половиной
&#9681;\25D1Круг с закрашенной правой половиной
&#8258;\2042Три звездочки

2. Знаки пунктуации

ВидHTML-кодCSS-кодОписание
 &nbsp;\00A0Неразрывный пробел
­
&shy;\00ADМесто возможного переноса
<&lt;\003CЗнак «меньше чем» (начало тега)
>&gt;\003EЗнак «больше чем» (конец тега)
«&laquo;\00ABЛевая двойная угловая скобка
»&raquo;\00BBПравая двойная угловая скобка
&lsaquo;\2039Левая угловая одиночная кавычка
&rsaquo;\203AПравая угловая одиночная кавычка
«&quot;\0022Двойная кавычка
&prime;\2032Одиночный штрих
&Prime;\2033Двойной штрих
&lsquo;\2018Левая одиночная кавычка
&rsquo;\2019Правая одиночная кавычка
&sbquo;\201AНижняя одиночная кавычка
&ldquo;\201CЛевая двойная кавычка
&rdquo;\201DПравая двойная кавычка
&bdquo;\201EНижняя двойная кавычка
&#10076;\275CЖирная одинарная верхняя запятая
&#10075;\275BЖирная одинарная повёрнутая верхняя запятая
&&amp;\0026Амперсанд
&apos;\0027Апостроф (одинарная кавычка)
§&sect;\00A7Параграф
©&copy;\00A9Знак copyright
¬&not;\00ACЗнак отрицания
®&reg;\00AEЗнак зарегистрированной торговой марки
¯&macr;\00AF
Знак долготы над гласным
°&deg;\00B0Градус
±&plusmn;\00B1Плюс-минус
¹&sup1;\00B9Верхний индекс «1»
²&sup2;\00B2Верхний индекс «2»
³&sup3;\00B3Верхний индекс «3»
¼&frac14;\00BCОдна четверть
½&frac12;\00BDОдна вторая
¾&frac34;\00BEТри четверти
´&acute;\00B4Знак ударения
µ&micro;\00B5Микро
&para;\00B6Знак абзаца
·&middot;\00B7Знак умножения
¿&iquest;\00BFПеревернутый вопросительный знак
ƒ&fnof;\0192Знак флорина
&trade;\2122Знак торговой марки
&bull;\2022Маркер списка
&hellip;\2026Многоточие
&oline;\203EНадчеркивание
&ndash;\2013Среднее тире
&mdash;\2014Длинное тире
&permil;\2030Промилле
}&#125;\007DПравая фигурная скобка
{&#123;\007BЛевая фигурная скобка
=&#61;\003DЗнак равенства
&ne;\2260Знак неравенства
&cong;\2245Конгруэнтность (геометрическое равенство)
&asymp;\2248Почти равно
&le;\2264Меньше чем или равно
&ge;\2265Больше чем или равно
&ang;\2220Угол
&perp;\22A5Перпендикулярно (кнопка вверх)
&radic;\221AКвадратный корень
&sum;\2211N-ичное суммирование
&int;\222BИнтеграл
&#8251;\203BЗнак сноски
÷&divide;\00F7Знак деления
&infin;\221EЗнак бесконечности
@&#64;\0040Символ собака
[&#91;\005BЛевая квадратная скобка
]&#93;\005DПравая квадратная скобка

3. Стрелки

ВидHTML-кодCSS-кодОписание
&larr;\2190Стрелка влево
&uarr;\2191Стрелка вверх
&rarr;\2192Стрелка вправо
&darr;\2193Стрелка вниз
&harr;\2194Стрелка влево-вправо
&crarr;\21B5Стрелка вниз и влево – знак возврата каретки
&lArr;\21D0Двойная стрелка налево
&uArr;\21D1Двойная стрелка вверх
&rArr;\21D2Двойная стрелка направо
&dArr;\21D3Двойная стрелка вниз
&hArr;\21D4Двойная стрелка влево-вправо
&#10144;\27A0Летящая стрела
&#10148;\27A4Наконечник стрелы
&#10149;\27A5Изогнутая стрела, указывающая вниз и вправо
&#10150;\27A6Изогнутая стрела, указывающая вверх и вправо
&#10163;\27B3Стрела направо
&#8634;\21BAКруглая стрелка с наконечником против часовой стрелки
&#8635;\21BBКруглая стрелка с наконечником по часовой стрелке
&#8679;\21E7Толстая полая стрелка вверх
&#8617;\21A9Стрелка налево с крючком
&#10155;\27ABНаклонённая вниз объёмная стрелка
&#11015;\2B07Закрашенная стрелка вниз
&#11014;\2B06Закрашенная стрелка вверх

4. Карточные масти

ВидHTML-кодCSS-кодОписание
&spades;\2660«Пики»
&clubs;\2663«Трефы»
&hearts;\2665«Червы»
&diams;\2666«Бубны»
&#9825;\2661Контур «Червы»
&#9826;\2662Контур «Бубны»
&#9828;\2664Контур «Пики»
&#9831;\2667Контур «Трефы»

5. Деньги

ВидHTML-кодCSS-кодОписание
¢&cent;\FFE0Цент
£&pound;\FFE1Фунт стерлингов
&#8381;\20BDРоссийский рубль
¥&yen;\00A5Йена или юань
&euro;\20ACЕвро
$&#36;\0024Доллар
&#8372;\20B4Знак гривны
&#8377;\20B9Индийская рупия
&#22291;\5713Китайский юань
&#8376;\20B8Казахстанский тенге

6. Знаки зодиака

ВидHTML-кодCSS-кодОписание
&#9800;\2648Овен
&#9801;\2649Телец
&#9802;\264AБлизнецы
&#9803;\264BРак
&#9804;\264CЛев
&#9805;\264DДева
&#9806;\264EВесы
&#9807;\264FСкорпион
&#9808;\2650Стрелец
&#9809;\2651Козерог
&#9810;\2652Водолей
&#9811;\2653Рыбы

html5book.ru

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

перевернутый восклицательный знак &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; ˜
неразрывный межсловный пробел &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;

seo-studio.pro

Спецсимволы HTML

Спецсимволы HTML – это специальные языковые конструкции, которые ссылаются на символы из набора символов, используемых в текстовых файлов. В таблице приведен список зарезервированных и специальных символов, которые не могут быть добавлены в исходный код HTML-документа с помощью клавиатуры:

  • символы, которые невозможно ввести с помощью клавиатуры (например символ копирайта)
  • символы предназначенные для разметки (например знак больше или меньше)

Такие символы добавляются с помощью числового кода или имени.

Для добавления любого символа, перечисленного ниже, на вашу веб-страницу, просто вставьте код символа (или его имя) в месте, где требуется отобразить выбранный символ. Подробнее об использовании спецсимволов и пример добавления их на страницу смотрите в разделе «Зачем нужны спецсимволы и как ими пользоваться».

СимволЧисловой кодИмя символаОписание
«&#34;&quot;знак кавычки
&#39;&apos;апостроф
&&#38;&amp;амперсанд
<&#60;&lt;знак меньше
>&#62;&gt;знак больше
  &#160; &nbsp; неразрывный пробел (Неразрывный пробел — это пробел отображающийся внутри строки как обычный пробел, но не позволяющий программам отображения и печати разорвать в этом месте строку.)
¡ &#161; &iexcl; перевернутый восклицательный знак
¢ &#162; &cent; цент
£ &#163; &pound; фунт
¤ &#164; &curren; валюты
¥ &#165; &yen; йен
¦ &#166; &brvbar; сломанная вертикальная черта
§ &#167; &sect; секция
¨ &#168; &uml; интервал (кириллица)
© &#169; &copy; знак копирайта
ª &#170; &ordf; женский порядковый показатель
« &#171; &laquo; французские кавычки (ёлочки) — левая
¬ &#172; &not; отрицание-выражения
® &#174; &reg; зарегистрированная торговая марка
¯ &#175; &macr; макрон интервал
° &#176; &deg; градус
± &#177; &plusmn; плюс или минус
² &#178; &sup2; верхний индекс 2
³ &#179; &sup3; верхний индекс 3
´ &#180; &acute; острый интервал
µ &#181; &micro; микро
&#182; &para; параграф
· &#183; &middot; средняя точка
¸ &#184; &cedil; интервал седиль
¹ &#185; &sup1; верхний индекс 1
º &#186; &ordm; мужской порядковый показатель
» &#187; &raquo; французские кавычки (ёлочки) — правая
¼ &#188; &frac14; 1/4 часть
½ &#189; &frac12; 1/2 часть
¾ &#190; &frac34; 3/4 части
¿ &#191; &iquest; перевернутый знак вопроса
× &#215; &times; умножение
÷ &#247; &divide; деление
   ́ &#x301; ударение
Œ &#338; &OElig; лигатура прописная OE
œ &#339; &oelig; строчная лигатура oe
Š &#352; &Scaron; S с короной
š &#353; &scaron; строчная S с короной
Ÿ &#376; &Yuml; прописная Y с диадемой
ƒ &#402; &fnof; f с крюком
ˆ &#710; &circ; дикриатический акцент
˜ &#732; &tilde; маленькая тильда
&#8211; &ndash; тире
&#8212; &mdash; длинное тире
&#8216; &lsquo; левая одиночная кавычка
&#8217; &rsquo; правая одиночная кавычка
&#8218; &sbquo; нижняя одиночная кавычка
&#8220; &ldquo; левые двойные кавычки
&#8221; &rdquo; правые двойные кавычки
&#8222; &bdquo; нижние двойные кавычки
&#8224; &dagger; кинжал
&#8225; &Dagger; двойной кинжал
&#8226; &bull; пуля
&#8230; &hellip; горизонтальное многоточие
&#8240; &permil; промилле (тысячные доли)
&#8242; &prime; минуты
&#8243; &Prime; секунды
&#8249; &lsaquo; одиночная левая угловая кавычка
&#8250; &rsaquo; одиночная правая угловая кавычка
&#8254; &oline; надчеркивание
&#8364; &euro; евро
&#8482; или &#153; &trade; торговая марка
&#8592; &larr; стрелка влево
&#8593; &uarr; стрелка вверх
&#8594; &rarr; стрелка вправо
&#8595; &darr; стрелка вниз
&#8596; &harr; двухсторонняя стрелка
&#8629; &crarr; стрелка возврата каретки
&#8968; &lceil; левый верхний угол
&#8969; &rceil; правый верхний угол
&#8970; &lfloor; левый нижний угол
&#8971; &rfloor; правый нижний угол
&#9674; &loz; ромб
&#9824; &spades; пики
&#9827; &clubs; крести
&#9829; &hearts; черви
&#9830; &diams; буби

Математические символы, поддерживаемые в HTML

СимволЧисловой кодИмя символаОписание
&#8704; &forall; для любых, для всех
&#8706; &part; часть
&#8707; &exist; существует
&#8709; &empty; пустое множество
&#8711; &nabla; оператор Гамильтона («набла»)
&#8712; &isin; принадлежит множеству
&#8713; &notin; не принадлежит множеству
&#8715; &ni; или
&#8719; &prod; произведение
&#8721; &sum; сумма
&#8722; &minus; минус
&#8727; &lowast; умножение или оператор сопряженный к
× &#215; &times знак умножения
&#8730; &radic; квадратный корень
&#8733; &prop; пропорциональность
&#8734; &infin; бесконечность
&#8942; кратность
&#8736; &ang; угол
&#8743; &and; и
&#8744; &or; или
&#8745; &cap; пересечение
&#8746; &cup; объединение
&#8747; &int; интеграл
&#8756; &there4; поэтому
&#8764; &sim; подобно
&#8773; &cong; сравнимо
&#8776; &asymp; приблизительно равно
&#8800; &ne; не равно
&#8801; &equiv; идентично
&#8804; &le; меньше или равно
&#x02A7D;
&#10877;
&les;
&leqslant;
меньше или равно
&#8805; &ge; больше или равно
&#x02a7e;
&#10878;
&ges;
&geqslant;
больше или равно
&#8834; &sub; подмножество
&#8835; &sup; надмножестов
&#8836; &nsub; не подмножество
&#8838; &sube; подмножество
&#8839; &supe; надмножество
&#8853; &oplus; прямая сумма
&#8855; &otimes; тензерное произведение
&#8869; &perp; перпендикуляр
&#8901; &sdot; оператор точка

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

Символ Числовой код Шестнадцатеричный код Имя символа
Ͱ&#880;&#x0370; 
ͱ&#881;&#x0371; 
Ͳ&#882;&#x0372; 
ͳ&#883;&#x0373; 
ʹ&#884;&#x0374; 
͵&#885;&#x0375; 
Ͷ&#886;&#x0376; 
ͷ&#887;&#x0377; 
ͺ&#890;&#x037A; 
ͻ&#891;&#x037B; 
ͼ&#892;&#x037C; 
ͽ&#893;&#x037D; 
;&#894;&#x037E; 
΄&#900;&#x0384; 
΅&#901;&#x0385; 
Ά&#902;&#x0386; 
·&#903;&#x0387; 
Έ&#904;&#x0388; 
Ή&#905;&#x0389; 
Ί&#906;&#x038A; 
Ό&#908;&#x038C; 
Ύ&#910;&#x038E; 
Ώ&#911;&#x038F; 
ΐ&#912;&#x0390; 
Α&#913;&#x0391;&Alpha;
Β&#914;&#x0392;&Beta;
Γ&#915;&#x0393;&Gamma;
Δ&#916;&#x0394;&Delta;
Ε&#917;&#x0395;&Epsilon;
Ζ&#918;&#x0396;&Zeta;
Η&#919;&#x0397;&Eta;
Θ&#920;&#x0398;&Theta;
Ι&#921;&#x0399;&Iota;
Κ&#922;&#x039A;&Kappa;
Λ&#923;&#x039B;&Lambda;
Μ&#924;&#x039C;&Mu;
Ν&#925;&#x039D;&Nu;
Ξ&#926;&#x039E;&Xi;
Ο&#927;&#x039F;&Omicron;
Π&#928;&#x03A0;&Pi;
Ρ&#929;&#x03A1;&Rho;
Σ&#931;&#x03A3;&Sigma;
Τ&#932;&#x03A4;&Tau;
Υ&#933;&#x03A5;&Upsilon;
Φ&#934;&#x03A6;&Phi;
Χ&#935;&#x03A7;&Chi;
Ψ&#936;&#x03A8;&Psi;
Ω&#937;&#x03A9;&Omega;
Ϊ&#938;&#x03AA; 
Ϋ&#939;&#x03AB; 
ά&#940;&#x03AC; 
έ&#941;&#x03AD; 
ή&#942;&#x03AE; 
ί&#943;&#x03AF; 
ΰ&#944;&#x03B0; 
α&#945;&#x03B1;&alpha;
β&#946;&#x03B2;&beta;
γ&#947;&#x03B3;&gamma;
δ&#948;&#x03B4;&delta;
ε&#949;&#x03B5;&epsilon;
ζ&#950;&#x03B6;&zeta;
η&#951;&#x03B7;&eta;
θ&#952;&#x03B8;&theta;
ι&#953;&#x03B9;&iota;
κ&#954;&#x03BA;&kappa;
λ&#955;&#x03BB;&lambda;
μ&#956;&#x03BC;&mu;
ν&#957;&#x03BD;&nu;
ξ&#958;&#x03BE;&xi;
ο&#959;&#x03BF;&omicron;
π&#960;&#x03C0;&pi;
ρ&#961;&#x03C1;&rho;
ς&#962;&#x03C2;&sigmaf;
σ&#963;&#x03C3;&sigma;
τ&#964;&#x03C4;&tau;
υ&#965;&#x03C5;&upsilon;
φ&#966;&#x03C6;&phi;
χ&#967;&#x03C7;&chi;
ψ&#968;&#x03C8;&psi;
ω&#969;&#x03C9;&omega;
ϊ&#970;&#x03CA; 
ϋ&#971;&#x03CB; 
ό&#972;&#x03CC; 
ύ&#973;&#x03CD; 
ώ&#974;&#x03CE; 
Ϗ&#975;&#x03CF; 
ϐ&#976;&#x03D0; 
ϑ&#977;&#x03D1;&thetasym;
ϒ&#978;&#x03D2;&upsih;
ϓ&#979;&#x03D3; 
ϔ&#980;&#x03D4; 
ϕ&#981;&#x03D5;&straightphi;
ϖ&#982;&#x03D6;&piv;
ϗ&#983;&#x03D7; 
Ϙ&#984;&#x03D8; 
ϙ&#985;&#x03D9; 
Ϛ&#986;&#x03DA; 
ϛ&#987;&#x03DB; 
Ϝ&#988;&#x03DC;&Gammad;
ϝ&#989;&#x03DD;&gammad;
Ϟ&#990;&#x03DE; 
ϟ&#991;&#x03DF; 
Ϡ&#992;&#x03E0; 
ϡ&#993;&#x03E1; 
Ϣ&#994;&#x03E2; 
ϣ&#995;&#x03E3; 
Ϥ&#996;&#x03E4; 
ϥ&#997;&#x03E5; 
Ϧ&#998;&#x03E6; 
ϧ&#999;&#x03E7; 
Ϩ&#1000;&#x03E8; 
ϩ&#1001;&#x03E9; 
Ϫ&#1002;&#x03EA; 
ϫ&#1003;&#x03EB; 
Ϭ&#1004;&#x03EC; 
ϭ&#1005;&#x03ED; 
Ϯ&#1006;&#x03EE; 
ϯ&#1007;&#x03EF; 
ϰ&#1008;&#x03F0; &varkappa;
ϱ&#1009;&#x03F1; &varrho;
ϲ&#1010;&#x03F2; 
ϳ&#1011;&#x03F3; 
ϴ&#1012;&#x03F4; 
ϵ&#1013;&#x03F5; &straightepsilon;
϶&#1014;&#x03F6; &backepsilon;
Ϸ&#1015;&#x03F7; 
ϸ&#1016;&#x03F8; 
Ϲ&#1017;&#x03F9; 
Ϻ&#1018;&#x03FA; 
ϻ&#1019;&#x03FB; 
ϼ&#1020;&#x03FC; 
Ͻ&#1021;&#x03FD; 
Ͼ&#1022;&#x03FE; 
Ͽ&#1023;&#x03FF; 

Зачем нужны спецсимволы и как ими пользоваться

Предположим, вы решили описать какой-нибудь тег на вашей странице, но, поскольку браузер использует символы < и > как начало и конец тега, применение их внутри содержимого вашего html-кода может привести к проблемам. Но HTML дает вам легкий способ определять эти и другие специальные символы с помощью простых аббревиатур, называемых ссылками на символы.

Рассмотрим, как это работает. Для каждого символа, который считается специальным или который вы хотите использовать на своей веб-странице, но который невозможно напечатать в вашем редакторе (например, символ авторского права), вы находите аббревиатуру и печатаете ее в html-коде вместо нужного символа. Например, для символа «>» аббревиатура — &gt;, а для символа «<» — &lt;.

Допустим, вы хотели напечатать «Элемент <html> очень важен» на своей странице. Вместо этого вам придется воспользоваться ссылками на нужные вам символы для корректного отображения записи, и в итоге ваша запись в коде должна будет выглядеть так:

<p>Элемент &lt;html&gt; очень важен</p>
Попробовать »

Еще один специальный символ, о котором вам нужно знать — символ & (амперсанд). Если вы хотите, чтобы он отображался на вашей HTML-странице, используйте ссылку &amp; вместо символа &.

puzzleweb.ru

Все символы HTML

Кроме этого, для ввода символов, недоступных при использовании обычной клавиатуры, существуют Alt-коды.

символhtml-коддесятичный
код
описание
 &nbsp;&#160;неразрывный пробел
&ensp;&#8194;узкий пробел (еn-шириной в букву n)
&emsp;&#8195;широкий пробел (em-шириной в букву m)
&ndash;&#8211;узкое тире (en-тире)
&mdash;&#8212;широкое тире (em -тире)
­&shy;&#173;мягкий перенос
а́ &#769;ударение, ставится после «ударной» буквы
 
©&copy;&#169;копирайт
®&reg;&#174;знак зарегистрированной торговой марки
&trade;&#8482;знак торговой марки
º&ordm;&#186;копье Марса
ª&ordf;&#170;зеркало Венеры
&permil;&#8240;промилле
π&pi;&#960;пи (используйте Times New Roman)
¦&brvbar;&#166;вертикальный пунктир
§&sect;&#167;параграф
°&deg;&#176;градус
µ&micro;&#181;знак «микро»
&para;&#182;знак абзаца
&hellip;&#8230;многоточие
&oline;&#8254;надчеркивание
´&acute;&#180;знак ударения
 &#8470;знак номера
🔍 &#128269;Лупа (наклонённая влево)
🔎 &#128270;Лупа (наклонённая вправо)
 &#9742;Телефон
 &#9993;Конверт, email, почта
💾 &#128190;Дискета
🛠 &#128736;Молоток и гаечный ключ, настройка
🔒 &#128274;Замок закрыт
🔓 &#128275;Замок открыт
🔔 &#128276;Колокольчик
🔕 &#128277;Колокольчик перечеркнутый
🗑 &#128465;Урна
🔥 &#128293;Огонь
🛇 &#128711;Запрещено
 &#9940;Вход запрещен (кирпич)
 &#9971;Фраг в воронке, местоположение, место встречи, гольф


знаки арифметических и математических операций
×&times;&#215;умножить
÷&divide;&#247;разделить
<&lt;&#60;меньше
>&gt;&#62;больше
±&plusmn;&#177;плюс/минус
¹&sup1;&#185;степень 1
²&sup2;&#178;степень 2
³&sup3;&#179;степень 3
¬&not;&#172;отрицание
¼&frac14;&#188;одна четвертая
½&frac12;&#189;одна вторая
¾&frac34;&#190;три четверти
 frasl;&#8260;дробная черта
 minus;&#8722;минус
&le;&#8804;меньше или равно
&ge;&#8805;больше или равно
&asymp;&#8776;приблизительно (почти) равно
&ne;&#8800;не равно
&equiv;&#8801;тождественно
&radic;&#8730;квадратный корень (радикал)
&infin;&#8734;бесконечность
&sum;&#8721;знак суммирования
&prod;&#8719;знак произведения
&part;&#8706;частичный дифференциал
&int;&#8747;интеграл
&forall;&#8704;для всех (видно только если жирным шрифтом)
&exist;&#8707;существует
&empty;&#8709;пустое множество
Ø&Oslash;&#216;диаметр
&isin;&#8712;принадлежит
&notin;&#8713;не принадлежит
&ni;&#8727;содержит
&sub;&#8834;является подмножеством
&sup;&#8835;является надмножеством
&nsub;&#8836;не является подмножеством
&sube;&#8838;является подмножеством либо равно
&supe;&#8839;является надмножеством либо равно
&oplus;&#8853;плюс в кружке
&otimes;&#8855;знак умножения в кружке
&perp;&#8869;перпендикулярно
&ang;&#8736;угол
&and;&#8743;логическое И
&or;&#8744;логическое ИЛИ
&cap;&#8745;пересечение
&cup;&#8746;объединение
знаки валют
&euro;&#8364;Евро
¢&cent;&#162;Цент
£&pound;&#163;Фунт
¤&current;&#164;Знак валюты
¥&yen;&#165;Знак йены и юаня
ƒ&fnof;&#402;Знак флорина
 &#8381;Знак рубля
маркеры, птички, галочки, check mark
&bull;&#8226;простой маркер
 &#9675;круг
·&middot;&#183;средняя точка
 &#8224;крестик
 &#8225;двойной крестик
&spades;&#9824;пики
&clubs;&#9827;трефы
&hearts;&#9829;червы
&diams;&#9830;бубны
&loz;&#9674;ромб
 &#10084;жирное сердце
 &#10003;Символ галочка
 &#10004;Жирная отметка галочкой
𐄂 &#65794;Крестик
🗸 &#128504;Тонкая галочка
 &#9989;Жирная незакрашенная отметка галочка
 &#9745;Галочка в квадрате
🗹 &#128505;Жирная галочка в квадрате
 &#9888;Внимание!
карандаши, перья, кисти
 &#9997;пишущая рука
 &#9998;карандаш, направленный вправо-вниз
 &#9999;карандаш
 &#10000;карандаш, направленный вправо-вверх
 &#10001;незакрашенное острие пера
 &#10002;закрашенное острие пера
🖌 &#128396;кисть, направленная влево-вниз
кавычки
»&quot;&#34;двойная кавычка
&&amp;&#38;амперсанд
«&laquo;&#171;левая типографская кавычка (кавычка-елочка)
»&raquo;&#187;правая типографская кавычка (кавычка-елочка)
 &#8249;одиночная угловая кавычка открывающая
 &#8250;одиночная угловая кавычка закрывающая
&prime;&#8242;штрих (минуты, футы)
&Prime;&#8243;двойной штрих (секунды, дюймы)
&lsquo;&#8216;левая верхняя одиночная кавычка
&rsquo;&#8217;правая верхняя одиночная кавычка
&sbquo;&#8218;правая нижняя одиночная кавычка
&ldquo;&#8220;кавычка-лапка левая
&rdquo;&#8221;кавычка-лапка правая верхняя
&bdquo;&#8222;кавычка-лапка правая нижняя
 &#10075;одиночная английская кавычка открывающая
 &#10076;одиночная английская кавычка закрывающая
 &#10077;двойная английская кавычка открывающая
 &#10078;двойная английская кавычка закрывающая
стрелки
&larr;&#8592;стрелка влево
&uarr;&#8593;стрелка вверх
&rarr;&#8594;стрелка вправо
&darr;&#8595;стрелка вниз
&harr;&#8596;стрелка влево и вправо
 &#8597;стрелка вверх и вниз
&crarr;&#8629;возврат каретки
&lArr;&#8656;двойная стрелка влево
&uArr;&#8657;двойная стрелка вверх
&rArr;&#8658;двойная стрелка вправо
&dArr;&#8659;двойная стрелка вниз
&hArr;&#8660;двойная стрелка влево и вправо
 &#8661;двойная стрелка вверх и вниз
 &#9650;треугольная стрелка вверх
 &#9660;треугольная стрелка вниз
 &#9658;треугольная стрелка вправо
 &#9668;треугольная стрелка влево
звездочки, снежинки
 &#9731;Снеговик
 &#10052;Снежинка
 &#10053;Зажатая трилистниками снежинка
 &#10054;Жирная остроугольная снежинка
 &#9733;Закрашенная звезда
 &#9734;Незакрашенная звезда
 &#10026;Незакрашенная звезда в закрашенном круге
 &#10027;Закрашенная звезда с незакрашенным кругом внутри
 &#10031;Вращающаяся звезда
 &#9885;Начерченная белая звезда
 &#9898;Средний незакрашенный круг
 &#9899;Средний закрашенный круг
 &#9913;Секстиле (типа снежинка)
 &#10037;Восьмиконечная вращающаяся звезда
 &#10057;Звёздочка с шарообразными окончаниями
 &#10059;Жирная восьмиконечная каплеобразная звёздочка-пропеллер
 &#10042;Шестнадцатиконечная звёздочка
 &#10041;Двенадцатиконечная закрашенная звезда
 &#10040;Жирная восьмиконечная прямолинейная закрашенная звезда
 &#10038;Шестиконечная закрашенная звезда
 &#10039;Восьмиконечная прямолинейная закрашенная звезда
 &#10036;Восьмиконечная закрашенная звезда
 &#10035;Восьмиконечная звёздочка
 &#10034;Звёздочка с незакрашенным центром
 &#10033;Жирная звёздочка
 &#10023;Заострённая четырёхконечная незакрашенная звезда
 &#10022;Заострённая четырёхконечная закрашенная звезда
 &#9055;Звезда в круге
 &#8859;Снежинка в круге
часы, время
 &#9200;Будильник
 &#8986;Наручные часы
 &#8987;Песочные часы
 &#9203;Песочные часы
🕰 &#128368;Каминные часы

htmlweb.ru

Спецсимволы | htmlbook.ru

Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В табл. 7.1 приведены некоторые популярные спецсимволы.

Табл. 7.1. Спецсимволы
ИмяКодВидОписание
&nbsp;&#160; неразрывный пробел
&pound;&#163;£фунт стерлингов
&euro;&#8364;знак евро
&para;&#182;символ параграфа
&sect;&#167;§параграф
&copy;&#169;©знак copyright
&reg;&#174;®знак зарегистрированной торговой марки
&trade;&#8482;знак торговой марки
&deg;&#176;°градус
&plusmn;&#177;±плюс-минус
&frac14;&#188;¼дробь — одна четверть
&frac12;&#189;½дробь — одна вторая
&frac34;&#190;¾дробь — три четверти
&times;&#215;×знак умножения
&divide;&#247;÷знак деления
&fnof;&#402;ƒзнак функции
Греческие буквы
&Alpha;&#913;Αгреческая заглавная буква альфа
&Beta;&#914;Βгреческая заглавная буква бета
&Gamma;&#915;Γгреческая заглавная буква гамма
&Delta;&#916;Δгреческая заглавная буква дельта
&Epsilon;&#917;Εгреческая заглавная буква эпсилон
&Zeta;&#918;Ζгреческая заглавная буква дзета
&Eta;&#919;Ηгреческая заглавная буква эта
&Theta;&#920;Θгреческая заглавная буква тета
&Iota;&#921;Ιгреческая заглавная буква иота
&Kappa;&#922;Κгреческая заглавная буква каппа
&Lambda;&#923;Λгреческая заглавная буква лямбда
&Mu;&#924;Μгреческая заглавная буква мю
&Nu;&#925;Νгреческая заглавная буква ню
&Xi;&#926;Ξгреческая заглавная буква кси
&Omicron;&#927;Οгреческая заглавная буква омикрон
&Pi;&#928;Πгреческая заглавная буква пи
&Rho;&#929;Ρгреческая заглавная буква ро
&Sigma;&#931;Σгреческая заглавная буква сигма
&Tau;&#932;Τгреческая заглавная буква тау
&Upsilon;&#933;Υгреческая заглавная буква ипсилон
&Phi;&#934;Φгреческая заглавная буква фи
&Chi;&#935;Χгреческая заглавная буква хи
&Psi;&#936;Ψгреческая заглавная буква пси
&Omega;&#937;Ωгреческая заглавная буква омега
&alpha;&#945;αгреческая строчная буква альфа
&beta;&#946;βгреческая строчная буква бета
&gamma;&#947;γгреческая строчная буква гамма
&delta;&#948;δгреческая строчная буква дельта
&epsilon;&#949;εгреческая строчная буква эпсилон
&zeta;&#950;ζгреческая строчная буква дзета
&eta;&#951;ηгреческая строчная буква эта
&theta;&#952;θгреческая строчная буква тета
&iota;&#953;ιгреческая строчная буква иота
&kappa;&#954;κгреческая строчная буква каппа
&lambda;&#955;λгреческая строчная буква лямбда
&mu;&#956;μгреческая строчная буква мю
&nu;&#957;νгреческая строчная буква ню
&xi;&#958;ξгреческая строчная буква кси
&omicron;&#959;οгреческая строчная буква омикрон
&pi;&#960;πгреческая строчная буква пи
&rho;&#961;ρгреческая строчная буква ро
&sigmaf;&#962;ςгреческая строчная буква сигма
&sigma;&#963;σгреческая строчная буква сигма
&tau;&#964;τгреческая строчная буква тау
&upsilon;&#965;υгреческая строчная буква ипсилон
&phi;&#966;φгреческая строчная буква фи
&chi;&#967;χгреческая строчная буква хи
&psi;&#968;ψгреческая строчная буква пси
&omega;&#969;ωгреческая строчная буква омега
Стрелки
&larr;&#8592;стрелка влево
&uarr;&#8593;стрелка вверх
&rarr;&#8594;стрелка вправо
&darr;&#8595;стрелка вниз
&harr;&#8596;стрелка влево-вправо
Прочие символы
&spades;&#9824; знак масти «пики»
&clubs;&#9827;знак масти «трефы»
&hearts;&#9829;знак масти «червы»
&diams;&#9830;знак масти «бубны»
&quot;&#34;«двойная кавычка
&amp;&#38;&амперсанд
&lt;&#60;<знак «меньше»
&gt;&#62;>знак «больше»
Знаки пунктуации
&hellip;&#8230;многоточие …
&prime;&#8242;одиночный штрих — минуты и футы
&Prime;&#8243;двойной штрих — секунды и дюймы
Общая пунктуация
&ndash;&#8211;тире
&mdash;&#8212;длинное тире
&lsquo;&#8216;левая одиночная кавычка
&rsquo;&#8217;правая одиночная кавычка
&sbquo;&#8218;нижняя одиночная кавычка
&ldquo;&#8220;левая двойная кавычка
&rdquo;&#8221;правая двойная кавычка
&bdquo;&#8222;нижняя двойная кавычка
&laquo;&#171;«левая двойная угловая скобка
&raquo;&#187;»правая двойная угловая скобка

htmlbook.ru

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

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

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

Вводная таблица

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

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

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

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

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

Внешний видОбозначениеHTML-кодCSS-код
Снеговик&#9731;\2603
Православный крест&#9766;\2626
Якорь&#9875;\2693
Знак телефона&#9990;\2706
Телефон&#9742;\260E
Горячие напитки&#9749;\2615
Карандаш, направленный вправо-вниз&#9998;\270E
Карандаш&#9999;\270F
Карандаш, направленный вправо-вверх&#10000;\2710
Незакрашенное острие пера&#10001;\2711
Закрашенное острие пера&#10002;\2712
Геральдическая лилия&#9884;\269C
Шлем с белым крестом&#9937;\26D1
Начерченная белая звезда&#9885;\269D
Снежинка&#10052;\2744
Закрашенное жирное сердце&#10084;\2764
Зажатая трилистниками снежинка&#10053;\2745
Жирная остроугольная снежинка&#10054;\2746
Закрашенная звезда&#9733;\2605
Незакрашенная звезда&#9734;\2606
Незакрашенная звезда в закрашенном круге&#10026;\272A
Закрашенная звезда с незакрашенным кругом внутри&#10027;\272B
Вращающаяся звезда&#10031;\272F
Звёздочка с шарообразными окончаниями&#10057;\2749
Жирная восьмиконечная каплеобразная звёздочка-пропеллер&#10059;\274B
Звёздочка с незакрашенным центром&#10034;\2732
Закрашенное солнце с лучами&#9728;\2600
Облака&#9729;\2601
Зонтик&#9730;\2602
Галочка в квадрате&#9745;\2611
Крестик в квадрате&#9746;\2612
Нахмуренный смайлик&#9785;\2639
Улыбающийся смайлик&#9786;\263A
Закрашенный улыбающийся смайлик&#9787;\263B
Серп и молот&#9773;\262D
Закрашенный флаг&#9873;\2691
Незакрашенный флаг&#9872;\2690
Триграмма&#9776;\2630
Закрашенный цветок&#10047;\273f
Незакрашенный цветок&#10048;\2740
Цветок с шестью лепестками&#10046;\273E
Закрашенный обведённый цветок&#10049;\2741
Цветок из точек&#10050;\2742
Конверт&#9993;\2709
Сердце в виде цветка&#10086;\2766
Номер 1&#10102;\2776
Номер 2&#10103;\2777
Номер 3&#10104;\2778
Номер 4&#10105;\2779
Номер 5&#10106;\277A
Номер 6&#10107;\277B
Номер 7&#10108;\277C
Номер 8&#10109;\277D
Номер 9&#10130;\2792
Номер 10&#10131;\2793
Жирный знак умножения&#10006;\2716
Жирный крестик&#10008;\2718
Жирная отметка галочкой&#10004;\2714
Жирный крест&#10010;\271A
Символ атома&#9883;\269B
Символ переработки&#9850;\267A
Незакрашенный квадрат с правой нижней тенью&#10065;\2751
Незакрашенный квадрат с правой верхней тенью&#10066;\2752
Алмаз в оправе&#9672;\25C8
Круг с левой закрашенной половиной&#9680;\25D0
Круг с закрашенной правой половиной&#9681;\25D1
Три звездочки&#8258;\2042

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

Внешний видОбозначениеHTML-кодCSS-код
<Знак «меньше чем» (начало тега)&lt;\003C
>Знак «больше чем» (конец тега)&gt;\003E
«Левая двойная угловая скобка&laquo;\00AB
»Правая двойная угловая скобка&raquo;\00BB
Левая угловая одиночная кавычка&lsaquo;\2039
Правая угловая одиночная кавычка&rsaquo;\203A
«Двойная кавычка&quot;\0022
Одиночный штрих&prime;\2032
Двойной штрих&Prime;\2033
Левая одиночная кавычка&lsquo;\2018
Правая одиночная кавычка&rsquo;\2019
Нижняя одиночная кавычка&sbquo;\201A
Левая двойная кавычка&ldquo;\201C
Правая двойная кавычка&rdquo;\201D
Нижняя двойная кавычка&bdquo;\201E
Жирная одинарная верхняя запятая&#10076;\275C
Жирная одинарная повёрнутая верхняя запятая&#10075;\275B
&Амперсанд&amp;\0026
Апостроф (одинарная кавычка)&apos;\0027
§Параграф&sect;\00A7
©Знак copyright&copy;\00A9
¬Знак отрицания&not;\00AC
®Знак зарегистрированной торговой марки&reg;\00AE
¯Знак долготы над гласным&macr;\00AF
°Градус&deg;\00B0
±Плюс-минус&plusmn;\00B1
¹Верхний индекс «1»&sup1;\00B9
²Верхний индекс «2»&sup2;\00B2
³Верхний индекс «3»&sup3;\00B3
¼Одна четверть&frac14;\00BC
½Одна вторая&frac12;\00BD
¾Три четверти&frac34;\00BE
´Знак ударения&acute;\00B4
µМикро&micro;\00B5
Знак абзаца&para;\00B6
·Знак умножения&middot;\00B7
¿Перевернутый вопросительный знак&iquest;\00BF
ƒЗнак флорина&fnof;\0192
Знак торговой марки&trade;\2122
Маркер списка&bull;\2022
Многоточие&hellip;\2026
Надчеркивание&oline;\203E
Среднее тире&ndash;\2013
Длинное тире&mdash;\2014
Промилле&permil;\2030
}Правая фигурная скобка&#125;\007D
{Левая фигурная скобка&#123;\007B
=Знак равенства&#61;\003D
Знак неравенства&ne;\2260
Конгруэнтность (геометрическое равенство)&cong;\2245
Почти равно&asymp;\2248
Меньше чем или равно&le;\2264
Больше чем или равно&ge;\2265
Угол&ang;\2220
Перпендикулярно (кнопка вверх)&perp;\22A5
Квадратный корень&radic;\221A
N-ичное суммирование&sum;\2211
Интеграл&int;\222B
Знак сноски&#8251;\203B
÷Знак деления&divide;\00F7
Знак бесконечности&infin;\221E
@Символ собака&#64;\0040
[Левая квадратная скобка&#91;\005B
]Правая квадратная скобка&#93;\005D

Стрелки

Внешний видОбозначениеHTML-кодCSS-код
Стрелка влево&larr;\2190
Стрелка вверх&uarr;\2191
Стрелка вправо&rarr;\2192
Стрелка вниз&darr;\2193
Стрелка влево-вправо&harr;\2194
Стрелка вниз и влево – знак возврата каретки&crarr;\21B5
Двойная стрелка налево&lArr;\21D0
Двойная стрелка вверх&uArr;\21D1
Двойная стрелка направо&rArr;\21D2
Двойная стрелка вниз&dArr;\21D3
Двойная стрелка влево-вправо&hArr;\21D4
Летящая стрела&#10144;\27A0
Наконечник стрелы&#10148;\27A4
Изогнутая стрела, указывающая вниз и вправо&#10149;\27A5
Изогнутая стрела, указывающая вверх и вправо&#10150;\27A6
Стрела направо&#10163;\27B3
Круглая стрелка с наконечником против часовой стрелки&#8634;\21BA
Круглая стрелка с наконечником против часовой стрелки&#8635;\21BB
Толстая полая стрелка вверх&#8679;\21E7
Стрелка налево с крючком&#8617;\21A9
Наклонённая вниз объёмная стрелка&#10155;\27AB
Закрашенная стрелка вниз&#11015;\2B07
Закрашенная стрелка вверх&#11014;\2B06

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

Внешний видОбозначениеHTML-кодCSS-код
«Пики»&spades;\2660
«Трефы»&clubs;\2663
«Червы»&hearts;\2665
«Бубны»&diams;\2666
Контур «Червы»&#9825;\2661
Контур «Бубны»&#9826;\2662
Контур «Пики»&#9828;\2664
Контур «Трефы»&#9831;\2667
¢Цент&cent;\FFE0
£Фунт стерлингов&pound;\FFE1
Российский рубль&#8381;\20BD
¥Йена или юань&yen;\00A5
Евро&euro;\20AC
$Доллар&#36;\0024
Знак гривны&#8372;\20B4
Индийская рупия&#8377;\20B9
Китайский юань&#22291;\5713
Казахстанский тенге&#8376;\20B8
Овен&#9800;\2648
Телец&#9801;\2649
Близнецы&#9802;\264A
Рак&#9803;\264B
Лев&#9804;\264C
Дева&#9805;\264D
Весы&#9806;\264E
Скорпион&#9807;\264F
Стрелец&#9808;\2650
Козерог&#9809;\2651
Водолей&#9810;\2652
Рыбы&#9811;\2653

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

Буквастрочныепрописные
символhtml-кодсимволhtml-код
альфаα&alpha;Α&Alpha;
бетаβ&beta;Β&Beta;
гаммаγ&gamma;Γ&Gamma;
дельтаδ&delta;Δ&Delta;
эпсилонε&epsilon;Ε&Epsilon;
дзетаζ&zeta;Ζ&Zeta;
этаη&eta;Η&Eta;
тетаθ&theta;Θ&Theta;
йотаι&iota;Ι&Iota;
каппаκ&kappa;Κ&Kappa;
лямбдаλ&lambda;Λ&Lambda;
мюμ&mu;Μ&Mu;
нюν&nu;Ν&Nu;
ксиξ&xi;Ξ&Xi;
омикронο&omicron;Ο&Omicron;
пиπ&pi;Π&Pi;
роρ&rho;Ρ&Rho;
сигмаσ&sigma;Σ&Sigma;
окончательная сигмаς&sigmaf;
тауτ&tau;Τ&Tau;
ипсилонυ&upsilon;Υ&Upsilon;
фиφ&phi;Φ&Phi;
хиχ&chi;Χ&Chi;
псиψ&psi;Ψ&Psi;
омегаω&omega;Ω&Omega;

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

Применение полученных кодов

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

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

poisk-v-seti.ru

Спецсимволы для HTML и CSS

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

Как вывести спецсимволы — HTML

Для примера, чтобы символ телефона отобразился через HTML, воспользуйтесь подсказкой с таблицы (колонка «HTML — код») и просто вставьте в HTML документ код символа:

&#9990;

Результат:

Как вывести спецсимволы — CSS

Для примера, чтобы символ телефона отобразился через CSS, воспользуйтесь подсказкой с таблицы (колонка «CSS — код»).
Далее вставьте в HTML вот такой код:

<p> телефон </p> 

Теперь в CSS пропишем к классу «tel» псевдокласс «before» и правило «content»:


.tel:before {
content: "\260E";
font-size:30px;

Результат:

Таблица спецсимволов для HTML и CSS

1. Полезные знаки и символы

ВидHTML-кодCSS-кодОписание
 ☃&#9731;\2603Снеговик
 ☦&#9766;\2626Православный крест
 ⚓&#9875;\2693Якорь
&#9990;\2706Знак телефона
&#9742;\260EТелефон
&#9749;\2615Горячие напитки
&#9998;\270EКарандаш, направленный вправо-вниз
 ✏&#9999;\270FКарандаш
&#10000;\2710Карандаш, направленный вправо-вверх
&#10001;\2711Незакрашенное острие пера
 ✒&#10002;\2712Закрашенное острие пера
 ⚜&#9884;\269CГеральдическая лилия
 ⛑&#9937;\26D1Шлем с белым крестом
&#9885;\269DНачерченная белая звезда
 ❄&#10052;\2744Снежинка
 ❤&#10084;\2764Закрашенное жирное сердце
&#10053;\2745Зажатая трилистниками снежинка
&#10054;\2746Жирная остроугольная снежинка
&#9733;\2605Закрашенная звезда
&#9734;\2606Незакрашенная звезда
&#10026;\272AНезакрашенная звезда в закрашенном круге
&#10027;\272BЗакрашенная звезда с незакрашенным кругом внутри
&#10031;\272FВращающаяся звезда
&#10057;\2749Звёздочка с шарообразными окончаниями
&#10059;\274BЖирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10034;\2732Звёздочка с незакрашенным центром
&#9055;\235FApl функциональный символ звезда в круге
&#8859;\229BОператор звездочки в круге
 ☀&#9728;\2600Закрашенное солнце с лучами
 ☁&#9729;\2601Облака
 ☂&#9730;\2602Зонтик
 ☑&#9745;\2611Галочка в квадрате
&#9746;\2612Крестик в квадрате
 ☹&#9785;\2639Нахмуренный смайлик
 ☺&#9786;\263AУлыбающийся смайлик
&#9787;\263BЗакрашенный улыбающийся смайлик
&#9773;\262DСерп и молот
&#9873;\2691Закрашенный флаг
&#9872;\2690Незакрашенный флаг
&#9776;\2630Триграмма
&#10047;\273fЗакрашенный цветок
&#10048;\2740Незакрашенный цветок
&#10046;\273EЦветок с шестью лепестками
&#10049;\2741Закрашенный обведённый цветок
&#10050;\2742Цветок из точек
 ✉&#9993;\2709Конверт
&#10086;\2766Сердце в виде цветка
&#10102;\2776Номер 1
&#10103;\2777Номер 2
&#10104;\2778Номер 3
&#10105;\2779Номер 4
&#10106;\277AНомер 5
&#10107;\277BНомер 6
&#10108;\277CНомер 7
&#10109;\277DНомер 8
&#10130;\2792Номер 9
&#10131;\2793Номер 10
 ✖&#10006;\2716Жирный знак умножения
&#10008;\2718Жирный крестик
 ✔&#10004;\2714Жирная отметка галочкой
&#10010;\271AЖирный крест
 &#8967;\2307Волнистая линия
 ⚛&#9883;\269BСимвол атома
 ⌨&#9000;\2328Клавиатура
&#9850;\267AСимвол переработки
&#10065;\2751Незакрашенный квадрат с правой нижней тенью
&#10066;\2752Незакрашенный квадрат с правой верхней тенью
&#9672;\25C8Алмаз в оправе
&#9680;\25D0Круг с левой закрашенной половиной
&#9681;\25D1Круг с закрашенной правой половиной
&#8258;\2042

Три звездочки

2. Знаки пунктуации

ВидHTML-кодCSS-кодОписание
&nbsp;\00A0Неразрывный пробел
&shy;\00ADМесто возможного переноса
< &lt;\003CЗнак «меньше чем» (начало тега)
> &gt;\003EЗнак «больше чем» (конец тега)
«&laquo;\00ABЛевая двойная угловая скобка
»&raquo;\00BBПравая двойная угловая скобка
&lsaquo;\2039Левая угловая одиночная кавычка
&rsaquo;\203AПравая угловая одиночная кавычка
«&quot;\0022Двойная кавычка
&prime;\2032Одиночный штрих
&Prime;\2033Двойной штрих
&lsquo;\2018Левая одиночная кавычка
&rsquo;\2019Правая одиночная кавычка
&sbquo;\201AНижняя одиночная кавычка
&ldquo;\201CЛевая двойная кавычка
&rdquo;\201DПравая двойная кавычка
&bdquo;\201EНижняя двойная кавычка
&#10076;\275CЖирная одинарная верхняя запятая
&#10075;\275BЖирная одинарная повёрнутая верхняя запятая
&&amp;\0026Амперсанд
&apos;\0027Апостроф (одинарная кавычка)
§&sect;\00A7Параграф
©&copy;\00A9Знак copyright
¬&not;\00ACЗнак отрицания
®&reg;\00AEЗнак зарегистрированной торговой марки
¯&macr;\00AFЗнак долготы над гласным
°&deg;\00B0Градус
±&plusmn;\00B1Плюс-минус
¹&sup1;\00B9Верхний индекс «1»
²&sup2;\00B2Верхний индекс «2»
³&sup3;\00B3Верхний индекс «3»
¼&frac14;\00BCОдна четверть
½&frac12;\00BDОдна вторая
¾&frac34;\00BEТри четверти
´&acute;\00B4Знак ударения
µ&micro;\00B5Микро
&para;\00B6Знак абзаца
·&middot;\00B7Знак умножения
¿&iquest;\00BFПеревернутый вопросительный знак
ƒ&fnof;\0192Знак флорина
&trade;\2122Знак торговой марки
&bull;\2022Маркер списка
&hellip;\2026Многоточие
&oline;\203EНадчеркивание
&ndash;\2013Среднее тире
&mdash;\2014Длинное тире
&permil;\2030Промилле
}&#125;\007DПравая фигурная скобка
{&#123;\007BЛевая фигурная скобка
=&#61;\003DЗнак равенства
&ne;\2260Знак неравенства
&cong;\2245Конгруэнтность (геометрическое равенство)
&asymp;\2248Почти равно
&le;\2264Меньше чем или равно
&ge;\2265Больше чем или равно
&ang;\2220Угол
&perp;\22A5Перпендикулярно (кнопка вверх)
&radic;\221AКвадратный корень
&sum;\2211N-ичное суммирование
&int;\222BИнтеграл
&#8251;\203BЗнак сноски
÷&divide;\00F7Знак деления
&infin;\221EЗнак бесконечности
@&#64;\0040Символ собака
[&#91;\005BЛевая квадратная скобка
]&#93;\005DПравая квадратная скобка

3. Стрелки

ВидHTML-кодCSS-кодОписание
&larr;\2190Стрелка влево
&uarr;\2191Стрелка вверх
&rarr;\2192Стрелка вправо
&darr;\2193Стрелка вниз
&harr;\2194Стрелка влево-вправо
&crarr;\21B5Стрелка вниз и влево – знак возврата каретки
&lArr;\21D0Двойная стрелка налево
&uArr;\21D1Двойная стрелка вверх
&rArr;\21D2Двойная стрелка направо
&dArr;\21D3Двойная стрелка вниз
&hArr;\21D4Двойная стрелка влево-вправо
&#10144;\27A0Летящая стрела
&#10148;\27A4Наконечник стрелы
&#10149;\27A5Изогнутая стрела, указывающая вниз и вправо
&#10150;\27A6Изогнутая стрела, указывающая вверх и вправо
&#10163;\27B3Стрела направо
&#8634;\21BAКруглая стрелка с наконечником против часовой стрелки
&#8635;\21BBКруглая стрелка с наконечником против часовой стрелки
&#8679;\21E7Толстая полая стрелка вверх
 ↩&#8617;\21A9Стрелка налево с крючком
&#10155;\27ABНаклонённая вниз объёмная стрелка
&#11015;\2B07Закрашенная стрелка вниз
&#11014;\2B06Закрашенная стрелка вверх

4. Карточные масти

ВидHTML-кодCSS-кодОписание
&spades;\2660«Пики»
&clubs;\2663«Трефы»
&hearts;\2665«Червы»
&diams;\2666«Бубны»
&#9825;\2661Контур «Червы»
&#9826;\2662Контур «Бубны»
&#9828;\2664Контур «Пики»
&#9831;\2667Контур «Трефы»

5. Деньги

ВидHTML-кодCSS-кодОписание
¢&cent;\FFE0Цент
£&pound;\FFE1Фунт стерлингов
&#8381;\20BDРоссийский рубль
¥&yen;\00A5Йена или юань
&euro;\20ACЕвро
$&#36;\0024Доллар
&#8372;\20B4Знак гривны
&#8377;\20B9Индийская рупия
&#22291;\5713Китайский юань
&#8376;\20B8Казахстанский тенге

6. Знаки зоадиака

ВидHTML-кодCSS-кодОписание
 ♈&#9800;\2648Овен
 ♉&#9801;\2649Телец
 ♊&#9802;\264AБлизнецы
 ♋&#9803;\264BРак
 ♌&#9804;\264CЛев
 ♍&#9805;\264DДева
 ♎&#9806;\264EВесы
 ♏&#9807;\264FСкорпион
 ♐&#9808;\2650Стрелец
 ♑&#9809;\2651Козерог
 ♒&#9810;\2652Водолей
 ♓&#9811;\2653Рыбы

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Последние новости категории:

Похожие статьи

Популярные статьи:

Добавить комментарий

Метки: css, html, Вебмастеру, для сайта, основы

bloggood.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *