Мнемоники HTML

Как пользоваться мнемониками

Мнемоника — именованная ссылка на символ, например <. Она начинается с амперсанда и заканчивается точкой с запятой. Числовая запись задаёт код символа: < и < тоже дают знак «меньше». Эти записи нужны, в частности, чтобы показать исходный HTML как текст, не превращая его в элементы страницы.

В UTF-8 обычные буквы и большинство знаков можно записывать напрямую. Для вывода тега экранируйте угловые скобки, а для вывода самой мнемоники — её амперсанд: < покажет текст <. Неразрывный пробел   связывает слова или число с единицей; для отступов и выравнивания используйте CSS.

Как показать HTML-тег как текст

В первом абзаце &lt; и &gt; показывают угловые скобки, во втором &amp; — амперсанд. В третьем &nbsp; не даёт разорвать число и единицу измерения. Замените &lt;p&gt; на настоящий <p>: браузер начнёт разбирать тег вместо вывода его имени. Верните мнемоники, чтобы восстановить надпись.

index.html
HTML
<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Специальные символы</title>
  </head>
  <body>
    <p>Тег &lt;p&gt; создаёт абзац.</p>
    <p>Тони &amp; его игрушки</p>
    <p>Тони весит 8&nbsp;кг.</p>
  </body>
</html>

Символы разметки и интернационализации

C0 Controls and Basic Latin
Символ Назначение Мнемоника Код
' одинарная кавычка &apos; &#39;
" двойная кавычка &quot; &#34;
& амперсанд &amp; &#38;
< меньше &lt; &#60;
> больше &gt; &#62;
Latin Extended-A
Символ Назначение Мнемоника Код
Œ латинская заглавная лигатура OE &OElig; &#338;
œ латинская лигатура oe &oelig; &#339;
Š латинская заглавная S с птичкой &Scaron; &#352;
š латинская s с птичкой &scaron; &#353;
Ÿ латинская заглавная Y с двоеточием &Yuml; &#376;
Модификаторы букв
Символ Назначение Мнемоника Код
ˆ акцент перевёрнутая птичка/circumflex accent &circ; &#710;
˜ малая тильда &tilde; &#732;
Общая пунктуация
Символ Назначение Мнемоника Код
  пробел длины N &ensp; &#8194;
  пробел длины M &emsp; &#8195;
  узкий пробел &thinsp; &#8201;
‌ zero width non-joiner &zwnj; &#8204;
‍ zero width joiner &zwj; &#8205;
‎ left-to-right mark &lrm; &#8206;
‏ right-to-left mark &rlm; &#8207;
‑ неразрывный (неразделяемый) дефис / non-breaking hyphen   &#8209;
– тире длины N &ndash; &#8211;
— тире длины M &mdash; &#8212;
‘ одиночная левая кавычка &lsquo; &#8216;
’ одиночная правая кавычка &rsquo; &#8217;
‚ одиночная low-9/нижняя кавычка &sbquo; &#8218;
“ двойная левая кавычка &ldquo; &#8220;
” двойная правая кавычка &rdquo; &#8221;
„ двойная low-9/нижняя кавычка &bdquo; &#8222;
† крест/dagger &dagger; &#8224;
‡ двойной dagger &Dagger; &#8225;
‰ промилле &permil; &#8240;
‹ одиночная левая угловая скобка (предложена, но ещё не стандартизирована ISO) &lsaquo; &#8249;
› одиночная правая угловая скобка (предложена, но ещё не стандартизирована ISO) &rsaquo; &#8250;
€ евро &euro; &#8364;
№ Знак номера &#8470;
 ́ Знак ударения (ставится непосредственно после буквы, над которой должен изображаться) &#769;

Символы ISO 8859-1

Символ Назначение Мнемоника Код
  неразрывный пробел &nbsp; &#160;
¡ перевёрнутый восклицательный знак &iexcl; &#161;
¢ символ цента &cent; &#162;
£ символ фунта &pound; &#163;
¤ знак валюты &curren; &#164;
¥ символ иены &yen; &#165;
¦ разорванная вертикальная черта &brvbar; &#166;
§ знак параграфа &sect; &#167;
¨ умлаут / трема &uml; &#168;
© знак охраны авторского права &copy; &#169;
ª порядковый индикатор (женский род) &ordf; &#170;
« направленная влево двойная угловая кавычка &laquo; &#171;
» направленная вправо двойная угловая кавычка &raquo; &#187;
¬ знак «отрицание» (скобка) &not; &#172;
­ мягкий перенос (место возможного переноса) &shy; &#173;
® знак правовой охраны товарного знака &reg; &#174;
¯ макрон &macr; &#175;
° знак градуса &deg; &#176;
± плюс-минус &plusmn; &#177;
² «2» &sup2; &#178;
³ верхний индекс «3» &sup3; &#179;
´ акут &acute; &#180;
µ значок микро &micro; &#181;
знак абзаца &para; &#182;
· интерпункт &middot; &#183;
¸ седиль &cedil; &#184;
¹ верхний индекс «1» &sup1; &#185;
º (мужской род) &ordm; &#186;
¼ простая дробь «одна четвёртая» &frac14; &#188;
½ простая дробь «одна вторая» &frac12; &#189;
⅓ простая дробь «одна треть» &frac13; &#8531;
¾ простая дробь «три четверти» &frac34; &#190;
⅕ простая дробь «одна пятая» &frac15;
⅙ простая дробь «одна шестая» &frac16;
⅛ простая дробь «одна восьмая» &frac18;
⅔ простая дробь «две трети» &frac23;
⅖ простая дробь «две пятых» &frac25;
⅗ простая дробь «три пятых» &frac35;
⅜ простая дробь «три восьмых» &frac38;
⅘ простая дробь «четыре пятых» &frac45;
⅚ простая дробь «пять шестых» &frac56;
⅝ простая дробь «пять восьмых» &frac58;
⅞ простая дробь «семь восьмых» &frac78;
¿ перевёрнутый знак вопроса &iquest; &#191;
À латинская заглавная A с грависом («тупым ударением») &Agrave; &#192;
Á латинская заглавная A с акутом («острым ударением») &Aacute; &#193;
 латинская заглавная A с циркумфлексом &Acirc; &#194;
à латинская заглавная A с тильдой &Atilde; &#195;
Ä латинская заглавная A с тремой &Auml; &#196;
Å латинская заглавная A с кружком сверху &Aring; &#197;
Æ латинская заглавная лигатура AE &AElig; &#198;
Ç латинская заглавная C с седилью &Ccedil; &#199;
È латинская заглавная E с грависом &Egrave; &#200;
É латинская заглавная E с акутом &Eacute; &#201;
Ê латинская заглавная E с циркумфлексом &Ecirc; &#202;
Ë латинская заглавная E с тремой &Euml; &#203;
Ì латинская заглавная I с грависом &Igrave; &#204;
Í латинская заглавная I с акутом &Iacute; &#205;
Î латинская заглавная I с циркумфлексом &Icirc; &#206;
Ï латинская заглавная I с тремой &Iuml; &#207;
Ð латинская заглавная буква «eth» &ETH; &#208;
Ñ латинская заглавная N с тильдой &Ntilde; &#209;
Ò латинская заглавная O с грависом &Ograve; &#210;
Ó латинская заглавная O с акутом &Oacute; &#211;
Ô латинская заглавная O с циркумфлексом &Ocirc; &#212;
Õ латинская заглавная O с тильдой &Otilde; &#213;
Ö латинская заглавная O с тремой &Ouml; &#214;
× знак умножения &times; &#215;
Ø латинская заглавная O диагонально перечёркнутая &Oslash; &#216;
Ù латинская заглавная U с грависом &Ugrave; &#217;
Ú латинская заглавная U с акутом &Uacute; &#218;
Û латинская заглавная U с циркумфлексом &Ucirc; &#219;
Ü латинская заглавная U с тремой &Uuml; &#220;
Ý латинская заглавная Y с акутом &Yacute; &#221;
Þ латинская заглавная буква Торн (THORN) &THORN; &#222;
ß латинская буква эсцет &szlig; &#223;
à латинская "a" с грависом &agrave; &#224;
á латинская "a" с акутом &aacute; &#225;
â латинская "a" с циркумфлексом &acirc; &#226;
ã латинская "a" с тильдой &atilde; &#227;
ä латинская "a" с тремой &auml; &#228;
å латинская "a" с кружком сверху &aring; &#229;
æ латинская "ae" &aelig; &#230;
ç латинская "c" седилья &ccedil; &#231;
è латинская "e" с грависом &egrave; &#232;
é латинская "e" с акутом &eacute; &#233;
ê латинская "e" с циркумфлексом &ecirc; &#234;
ë латинская "e" с тремой &euml; &#235;
ì латинская "i" с грависом &igrave; &#236;
í латинская "i" с акутом &iacute; &#237;
î латинская "i" с циркумфлексом &icirc; &#238;
ï латинская "i" с тремой &iuml; &#239;
ð латинская "eth" &eth; &#240;
ñ латинская "n" с тильдой &ntilde; &#241;
ò латинская "o" с грависом &ograve; &#242;
ó латинская "o" с акутом &oacute; &#243;
ô латинская "o" с циркумфлексом &ocirc; &#244;
õ латинская "o" с тильдой &otilde; &#245;
ö латинская "o" с тремой &ouml; &#246;
÷ знак деления &divide; &#247;
ø латинская "o" диагонально перечёркнутая &oslash; &#248;
ù латинская "u" с грависом &ugrave; &#249;
ú латинская "u" с акутом &uacute; &#250;
û латинская "u" с циркумфлексом &ucirc; &#251;
ü латинская "u" с тремой &uuml; &#252;
ý латинская "y" с акутом &yacute; &#253;
þ латинская буква "торн" (thorn) &thorn; &#254;
ÿ латинская "y" с тремой &yuml; &#255;

Математические символы, греческие буквы и прочие символы

Латинские
Символ Назначение Мнемоника Код
ƒ латинская f с хвостиком &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;
ϑ греческая символьная тета &thetasym; &#977;
ϒ греческий ипсилон с хвостиком &upsih; &#978;
ϖ греческая строчная пи (другой вариант) &piv; &#982;
Основная пунктуация
Символ Назначение Мнемоника Код
• маркер списка (буллит) &bull; &#8226;
… горизонтальное многоточие &hellip; &#8230;
′ штрих &prime; &#8242;
″ двойной штрих &Prime; &#8243;
‾ верхняя черта &oline; &#8254;
⁄ косая черта &frasl; &#8260;
Буквоподобные символы
Символ Назначение Мнемоника Код
℘ рукописная заглавная P = power set = Weierstrass p &weierp; &#8472;
ℑ чёрная заглавная I = мнимая часть &image; &#8465;
ℜ чёрная заглавная R = вещественная часть &real; &#8476;
™ товарный знак &trade; &#8482;
ℵ буква Алеф — кардинальное число &alefsym; &#8501;
Стрелки
Символ Назначение Мнемоника Код
← влево &larr; &#8592;
↑ вверх &uarr; &#8593;
→ вправо &rarr; &#8594;
↓ вниз &darr; &#8595;
◄ влево &#9668;
▲ вверх &#9650;
► вправо &#9658;
▼ вниз &#9660;
↔ влево-вправо &harr; &#8596;
↵ вниз с углом вправо = возврат каретки &crarr; &#8629;
⇐ двойная стрелка влево &lArr; &#8656;
⇑ двойная вверх &uArr; &#8657;
⇒ двойная вправо &rArr; &#8658;
⇓ двойная вниз &dArr; &#8659;
⇔ двойная влево-вправо &hArr; &#8660;
Математические операции
Символ Назначение Мнемоника Код
[ левая квадратная скобка &#91;
] правая квадратная скобка &#93;
/ деление &#47;
\ разность множеств &#92;
∀ для всех &forall; &#8704;
∂ частичный дифференциал &part; &#8706;
∃ существует &exist; &#8707;
∅ пустой набор = диаметр &empty; &#8709;
∇ оператор набла = backward difference &nabla; &#8711;
∈ элемент из &isin; &#8712;
∉ не элемент из &notin; &#8713;
∋ содержит как член &ni; &#8715;
∏ n-ary product = знак произведения &prod; &#8719;
∑ n-ary sumation &sum; &#8721;
− минус &minus; &#8722;
∗ оператор звёздочка &lowast; &#8727;
√ квадратный корень = radical sign &radic; &#8730;
∝ пропорционально к &prop; &#8733;
∞ бесконечность &infin; &#8734;
∠ угол &ang; &#8736;
∧ логическое И = wedge &and; &#8743;
∨ логическое ИЛИ = vee &or; &#8744;
∩ пересечение = cap &cap; &#8745;
∪ объединение = cup &cup; &#8746;
∫ интеграл &int; &#8747;
∴ следовательно &there4; &#8756;
∼ оператор тильда = varies with = подобно &sim; &#8764;
≅ приблизительно равен &cong; &#8773;
≈ почти равно = asymptotic to &asymp; &#8776;
≠ не равно &ne; &#8800;
≡ идентично &equiv; &#8801;
≤ меньше или равно &le; &#8804;
≥ больше или равно &ge; &#8805;
⊂ подмножество &sub; &#8834;
⊃ включает в себя &sup; &#8835;
⊄ не включает в себя &nsub; &#8836;
⊆ подмножество или эквивалентно &sube; &#8838;
⊇ включает в себя или эквивалентно &supe; &#8839;
⊕ плюс в круге = прямая сумма &oplus; &#8853;
⊗ умножение в круге = векторное произведение &otimes; &#8855;
⊥ up tack = ортогонально к = перпендикулярно &perp; &#8869;
⋅ оператор точка &sdot; &#8901;
Различные технические
Символ Назначение Мнемоника Код
⌈ левая скобка округления вверх = apl upstile &lceil; &#8968;
⌉ правая скобка округления вверх &rceil; &#8969;
⌊ левая скобка округления вниз = apl downstile &lfloor; &#8970;
⌋ правая скобка округления вниз &rfloor; &#8971;
〈 угловая скобка влево = бра &lang; &#9001;
〉 угловая скобка вправо = кет &rang; &#9002;
Геометрические Фигуры
Символ Назначение Мнемоника Код
◊ ромб &loz; &#9674;
Различные символы
Символ Назначение Мнемоника Код
♠ «пики» &spades; &#9824;
♣ «трефы» &clubs; &#9827;
♥ «червы» &hearts; &#9829;
♦ «бубны» &diams; &#9830;