Добро пожаловать на авторский блог Авдеева Марка.

Только для читателей Lifeexample возможно открыть интернет-магазин на Moguta.CMS со скидкой в 15%

<<< jQuery UI sortable – как узнать новую позицию элементов || PHP — работа с сессиями >>>

Мнемоники HTML — полный список

01.04.2014
Мнемоники HTML - полный список

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

Раскрыть тему мнемоник HTML, не сложно. Думаю будет достаточно пару абзацев, но не смотря на это тема полезная и без нее порой не легко обойтись. Поэтому постараюсь максимально объемно рассказать о том, что такое мнемоники и приведу примеры когда их нужно применять.

Что такое мнемоники HTML

Как гласит Википедия:

Символ-мнемоника — это конструкция SGML, которая ссылается на символ из набора символов документа. В HTML предопределено большое количество спецсимволов.

Согласитесь это не самое понятное определение. Что же такое мнемоника HTML и для чего она нужна?

Я бы дал такое понятие:

Мнемоника — это кодовое представление символа в HTML, начинающегося со знака амперсанда "&" и завершающееся точкой с запятой ";".

Это значит что в HTML, символ "больше" можно записать двумя способами:

  • > — как обычный символ
  • &gt; — как код-мнемоника;

Для чего нужны мнемоники

Бывает, что в теле страницы нужно вывести HTML тег, например, <IMG>, но при этом он не должен быть интерпретирован браузером как элемент, а просто выводиться на странице в читаемом виде.

Чтобы осуществить это нужно вместо скобок использовать мнемоники &lt; и &gt;, вот так: &lt;IMG&gt;

Когда без HTML мнемоник не обойтись

На моей практике мне приходилось прибегать к использованию мнемоник HTML в нескольких случаях.

Поскольку мой блог работает на движке WordPress, то острая необходимость в мнемониках возникла при добавлении в тело статей символов: угольных скобок < > для обозначения HTML тегов, а также двойных и одинарных кавычек " для избежание замены их вордпрессом. В случае со скобками использовались &lt; и &gt;, а для кавычек &quot;.

Вторым ярким примером применения html мнемоник является необходимость использовать особые символы, которых нет на клавиатуре. Например, стрелка , которая может быть записана как &rarr;

Кстати, чтобы вывести любую мнемонику, например, &euro; в читаемом виде,так чтобы она не воспроизвелась как символ, нужно заменить амперсанд, на мнемонику амперсанда, таким образом — &amp;euro;

Если для генерации страницы вы используете php, то можно автоматически заменить все символы важные в HTML при интерпритации их на мнемоники, с помощью функции htmlspecialchars() .

Полный список всех мнемоник HTML

Раньше искать мнемоники HTML в интернете и часто на это уходило много времени, поскольку порой нужно было закодировать простые символы, например, обычные буквы. Но на просторах сети чаще встречались только особые символы.

Оказывается мнемоники делятся на два типа — цифровые и символьные ссылки-мнемники.

Вот несколько примеров цифровых мнемоник:

  • &#229; (10-ная) представляет букву "a" с маленьким кружком сверху (используется, напр., в Норвегии);
  • &#xE5; (16-ная) та же самая буква;
  • &#Xe5; (16-ная) то же самое;
  • &#1048; (10-ная) русская "И" заглавная;
  • &#x6C34; (16-ная) китайский "водяной" символ.

Cимвольные мнемоники:

  • &copy; знак копирайт, ©
  • &reg; знак зарегистрированной торговой марки, ®
  • &nbsp; непрерывный пробел

Ниже я приведу полный список мнемоник цифровых и символьных.

Полный список цифровых мнемоник HTML

Код мнемоники Символ Название символа
&#32 Пробел
&#160 Неразрывный пробел
&#33 ! Восклицательный знак
&#34 « Двойные кавычки
&#35 # Фунт / хэш
&#36 $ Доллар
&#37 % Процент
&#38 & Амперсанд
&#39 ` Апостроф
&#40 ( Левая скобка
&#41 ) Правая скобка
&#42 * Звездочка
&#43 + Плюс
&#44 , Запятая
&#45 Дефис
&#46 . Точка
&#47 / Слэш
&#48 0 Ноль
&#49 1 Один
&#50 2 Два
&#51 3 Три
&#52 4 Четыре
&#53 5 Пять
&#54 6 Шесть
&#55 7 Семь
&#56 8 Восемь
&#57 9 Девять
&#58 : Двоеточие
&#59 Точка с запятой
&#60 < Меньше чем
&#61 = Равно
&#62 > Больше чем
&#63 ? Вопросительный знак
&#64 @ «Собачка»
&#65 A Заглавная A
&#66 B Заглавная B
&#67 C Заглавная C
&#68 D Заглавная D
&#69 E Заглавная E
&#70 F Заглавная F
&#71 G Заглавная G
&#72 H Заглавная H
&#73 I Заглавная I
&#74 J Заглавная J
&#75 K Заглавная K
&#76 L Заглавная L
&#77 M Заглавная M
&#78 N Заглавная N
&#79 O Заглавная O
&#80 P Заглавная P
&#81 Q Заглавная Q
&#82 R Заглавная R
&#83 S Заглавная S
&#84 T Заглавная T
&#85 U Заглавная U
&#86 V Заглавная V
&#87 W Заглавная W
&#88 X Заглавная X
&#89 Y Заглавная Y
&#90 Z Заглавная Z
&#91 [ Левая квадратная скобка
&#92 \ Обратный слеш
&#93 ] Правая квадратная скобка
&#94 ^ Каретка
&#95 _ Нижний пробел
&#96 ` Одиночные кавычки / обратные кавычки
&#190 ¾ Три четверти
&#191 ¿ Перевернутый вопросительный знак
&#192 À A с грависом
&#193 Á A с акутом
&#194 Â A с циркумфлексом
&#195 Ã A с тильдой
&#196 Ä A с умляутом
&#197 Å A с кольцом
&#198 Æ AE
&#199 Ç C с седилем
&#200 È E с грависом
&#201 É E с акутом
&#202 Ê E с циркумфлексом
&#203 Ë E с умляутом
&#204 Ì I с грависом
&#205 Í I с акутом
&#206 Î I с циркумфлексом
&#207 Ï I с умляутом
&#208 Ð ETH
&#209 Ñ N с тильдой
&#210 Ò O с грависом
&#211 Ó O с акутом
&#212 Ô O с циркумфлексом
&#213 Õ O с тильдой
&#214 Ö O с умляутом
&#215 × Умножение
&#216 Ø O со слэшем
&#217 Ù U с грависом
&#218 Ú U с акутом
&#219 Û U с циркумфлексом
&#220 Ü U с умляутом
&#221 Ý Y с акутом
&#222 Þ THORN
&#223 ß Острое S
&#224 à a с грависом
&#225 á a с акутом
&#226 â a с циркумфлексом
&#227 ã a с тильдой
&#228 ä a с умляутом
&#229 å a с кольцом
&#230 æ ae
&#231 ç c с седилем
&#232 è e с грависом
&#233 é e с акутом
&#234 ê e с циркумфлексом
&#235 ë e с умляутом
&#236 ì i с грависом
&#237 í i с акутом
&#238 î i с циркумфлексом
&#239 ï i с умляутом
&#240 ð ETH
&#241 ñ n с тильдой
&#242 ò o с грависом
&#243 ó o с акутом
&#244 ô o с циркумфлексом
&#245 õ o с тильдой
&#246 ö o с умляутом
&#247 ÷ Деление
&#248 ø o со слэшем
&#249 ù u с грависом
&#250 ú u с акутом
&#251 û u с циркумфлексом
&#252 ü u с умляутом
&#253 ý y с акутом
&#254 þ THORN
&#255 ÿ y с умляутом
&#97 a Строчная a
&#98 b Строчная b
&#99 c Строчная c
&#100 d Строчная d
&#101 e Строчная e
&#102 f Строчная f
&#103 g Строчная g
&#104 h Строчная h
&#105 i Строчная i
&#106 j Строчная j
&#107 k Строчная k
&#108 l Строчная l
&#109 m Строчная m
&#110 n Строчная n
&#111 o Строчная o
&#112 p Строчная p
&#113 q Строчная q
&#114 r Строчная r
&#115 s Строчная s
&#116 t Строчная t
&#117 u Строчная u
&#118 v Строчная v
&#119 w Строчная w
&#120 x Строчная x
&#121 y Строчная y
&#122 z Строчная z
&#123 { Левая фигурная скобка
&#124 | Вертикальная черта
&#125 } Правая фигурная скобка
&#126 ~ Тильда
&#161 ¡ Перевернутый восклицательный знак
&#162 ¢ Цент
&#163 £ Фунт стерлингов
&#164 ¤ Символ валюты
&#165 ¥ Йена
&#166 ¦ Разорванная вертикальная черта
&#167 § Символ главы
&#168 ¨ Умляут
&#169 © Копирайт
&#170 ª Женский порядковый символ
&#171 « Левые «кавычки-ёлочки»
&#172 ¬ Знак отрицания
&#173 Мягкий перенос
&#174 ® Зарегистрированный товарный знак
&#175 ¯ Надчеркивание
&#176 ° Знак градуса
&#177 ± Плюс-минус
&#178 ² В квадрате
&#179 ³ В кубу
&#180 ´ Акут / ударение
&#181 µ Микро
&#182 Символ параграфа
&#183 · Точка посерединне
&#184 ¸ Седиль
&#185 ¹ В первой степени
&#186 º Мужской порядковый символ
&#187 » Правые «кавычки-ёлочки»
&#188 ¼ Одна четверть
&#189 ½ Одна вторая

Ссылки-мнемоники для символов ISO 8859-1

Символ Назначение Мнемоника Код
  неразрывный пробел &nbsp; &#160;
¡ перевёрнутый восклицательный знак &iexcl; &#161;
¢ cимвол цента &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;
® знак правовой охраны товарного знака
не путать с T — символ товарного знака
&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;
простая дробь «одна треть» &#8531;
¾ простая дробь «три четверти» &frac34; &#190;
¿ перевёрнутый знак вопроса &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; &#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;
ϑ греческая символьная тета &thetasy; &#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;
Математические операции
для всех &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;
«крести» = shamrock &clubs; &#9827;
«червы» = valentine &hearts; &#9829;
«бубны» &diams; &#9830;

Ссылки-мнемоники для символов разметки и интернационализации

Символ Назначение Мнемоника Код
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;

Часто в различных онлайн играх или социальных сетях, люди стараются выделить свой ник как-то по особому, чтобы он бросался в глаза. Не редко можно встретить что-то на подобии
♥►Маша◄♥ , в этом случае чтобы добавить символы в ник, можно использовать коды мнемоник. Для этого удерживайте на клавиатуре клавишу ALT и вводите код мнемоники, при этом символ решетки нужно заменить на ноль, т.е. символ сердца ♥ = ALT+09829

Спасибо за внимание, надеюсь материал "Мнемоники HTML" будет понятен новичкам и полезен знающим web-программистам.

Чтобы не пропустить публикацию следующей статьи подписывайтесь на рассылку по E-mail или RSS ленту блога.

Нравится

Комментарии

  • Дмитрий

    Спасибо за интересную и полезную инфу.

  • Dikar

    Спасибо за полезный материал.

  • Alexander

    Спасибо

  • alert(“cookie: “+document.cookie)

    Спасибо

  • Оставить комментарий

    Подписаться на комментарии к этой статье по RSS

    Размещение статей и контекстных ссылок
    Бесплатная CMS для вашего магазина
    Яндекс.Метрика