Специальные символы HTML (special characters)

« Предыдущая запись
 
  Следующая запись »
 

specialcharacters Специальные символы HTML (special characters)

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

Специальные символы (special characters), они же символы-мнемоники, являются конструкциями стандартного обобщённого языка разметки (Standard Generalized Markup Language – SGML), которые ссылаются на символы из набора символов документа (да, всё очень ясно и понятно О_о – прим.ред.).

Иными словами, каждому специальному символу дано краткое английское имя (либо числовой код в десятичной или шестнадцатеричной системе), которое записывается между амперсандом (&) и точкой с запятой (;), и будучи выводимыми в браузер, записи предстают нам в виде необходимого символа. Так, например, можно вывести в браузер > и <, которые используются для указания тегов.

Special character’сов существую очень много и приводить их все нет смысла, однако большинтсво самых использованных приведены в таблице ниже. Надеюсь, что табличка всегда будет полезна, чтобы вспомнить какой-нибудь символ. Все символы я специально разделил на категории, поэтому пользование табличкой должно быть довольно удобным.

Вид
Имя
Код
Описание
 
&nbsp;
&#160;
неразрывный пробел
'
 
&#39;
апостроф
§
&sect;
&#167;
параграф
&
&amp;
&#38;
амперсанд
<
&lt;
&#60;
знак 'меньше'
>
&gt;
&#62;
знак 'больше'
¡
&iexcl;
&#161;
перевернутый восклицательный знак
¿
&iquest;
&#191;
перевернутый вопросительный знак
¦
&brvbar;
&#166;
разорванная вертикальная черта
§
&sect;
&#167;
параграф
¨
&uml;
&#168;
две точки (умляут)
ª
&ordf;
&#170;
порядковый индикатор (женский род)
º
&ordm;
&#186;
порядковый индикатор (мужской род)
«
&laquo;
&#171;
левая двойная угловая скобка
»
&raquo;
&#187;
правая двойная угловая скобка
¬
&not;
&#172;
знак отрицания
­
&shy;
&#173;
место возможного переноса
©
&copy;
&#169;
знак охраны авторского права
®
&reg;
&#174;
"зарегистрированный товарный знак"
&trade;
&#8482;
"товарный знак"
¯
&macr;
&#175;
верхняя горизонтальная черта
°
&deg;
&#176;
градус
¹
&sup1;
&#185;
верхний индекс 'один'
²
&sup2;
&#178;
"в квадрате"
³
&sup3;
&#179;
"в кубе"
¼
&frac14;
&#188;
одна четвертая
½
&frac12;
&#189;
одна вторая
 
&#8531;
одна треть
¾
&frac34;
&#190;
три четвертых
µ
&micro;
&#181;
микро
&para;
&#182;
символ параграфа
·
&middot;
&#183;
точка
¸
&cedil;
&#184;
седиль (орфографический знак)
 
&#8224
латинский крест
 
&#8225
двойной крест
 
&#8240;
знак промилле
&bull;
&#8226;
маркер списка
&hellip;
&#8230;
многоточие
&prime;
&#8242;
одиночный штрих - минуты
&Prime;
&#8243;
двойной штрих - секунды
&oline;
&#8254;
верхняя черта
&frasl;
&#8260;
косая дробная черта
´
&acute;
&#180;
знак ударения
ˆ
&circ;
&#710;
диакритический знак над гласной
˜
&tilde;
&#732;
тильда
 
&#8470;
знак номера
ƒ
&fnof;
&#402;
знак функции
&loz;
&#9674;
ромб
Общая пунктуация
Вид
Имя
Код
Описание
"
&quot;
&#34;
двойная кавычка
&ndash;
&#8211;
тире
&mdash;
&#8212;
длинное тире
&lsquo;
&#8216;
левая одиночная кавычка
&rsquo;
&#8217;
правая одиночная кавычка
&sbquo;
&#8218;
нижняя одиночная кавычка
&ldquo;
&#8220;
левая двойная кавычка
&rdquo;
&#8221;
правая двойная кавычка
&bdquo;
&#8222;
нижняя двойная кавычка

Денежные символы

Вид
Имя
Код
Описание
¢
&cent;
&#162;
цент
$
 
&#36;
доллар
£
&pound;
&#163;
фунт стерлингов
¤
&curren;
&#164;
денежная единица
¥
&yen;
&#165;
иена или юань
&euro;
&#8364;
евро
Греческие буквы
Вид
Имя
Код
Описание
Α
&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;
строчная сигма (final)
σ
&sigma;
&#963;
строчная сигма
τ
&tau;
&#964;
строчная тау
υ
&upsilon;
&#965;
строчная ипсилон
φ
&phi;
&#966;
строчная фи
χ
&chi;
&#967;
строчная хи
ψ
&psi;
&#968;
строчная пси
ω
&omega;
&#969;
строчная омега
ϑ
&thetasy;
&#977;
символьная тета
ϒ
&upsih;
&#978;
ипсилон с хвостиком
ϖ
&piv;
&#982;
символ пи
Математические операции
Вид
Имя
Код
Описание
×
&times;
&#215;
знак умножения
÷
&divide;
&#247;
знак деления
±
&plusmn;
&#177;
плюс-минус
&forall;
&#8704;
для всех
&part;
&#8706;
частичный дифференциал
&exist;
&#8707;
существует
&empty;
&#8709;
пустой набор = диаметр
&nabla;
&#8711;
оператор набла = backward difference
&isin;
&#8712;
элемент из
&notin;
&#8713;
не элемент из
&ni;
&#8715;
содержит как член
&prod;
&#8719;
n-ary product = знак произведения
&sum;
&#8721;
n-ary sumation
&minus;
&#8722;
минус
&lowast;
&#8727;
оператор звёздочка
&radic;
&#8730;
квадратный корень = radical sign
&prop;
&#8733;
пропорционально к
&infin;
&#8734;
бесконечность
&ang;
&#8736;
угол
&and;
&#8743;
логическое И = wedge
&or;
&#8744;
логическое ИЛИ = vee
&cap;
&#8745;
пересечение = cap
&cup;
&#8746;
объединение = cup
&int;
&#8747;
интеграл
&there4;
&#8756;
следовательно
&sim;
&#8764;
оператор тильда = varies with = подобно
&cong;
&#8773;
приблизительно равен
&asymp;
&#8776;
почти равно = asymptotic to
&ne;
&#8800;
не равно
&equiv;
&#8801;
идентично
&le;
&#8804;
меньше или равно
&ge;
&#8805;
больше или равно
&sub;
&#8834;
подмножество
&sup;
&#8835;
включает в себя
&nsub;
&#8836;
не включает в себя
&sube;
&#8838;
подмножество или эквивалентно
&supe;
&#8839;
включает в себя или эквивалентно
&oplus;
&#8853;
плюс в круге = прямая сумма
&otimes;
&#8855;
умножение в круге = векторное произведение
&perp;
&#8869;
перпендикулярно
&sdot;
&#8901;
оператор точка

Буквоподобные символы

Вид
Имя
Код
Описание
&weierp;
&#8472;
рукописная заглавная P = power set = Weierstrass p
&image;
&#8465;
чёрная заглавная I = мнимая часть
&real;
&#8476;
чёрная заглавная R = вещественная часть
&alefsym;
&#8501;
буква Алеф - кардинальное число
Латинские буквы
Вид
Имя
Код
Описание
À
&Agrave;
&#192;
заглавная А с тупым ударением
Á
&Aacute;
&#193;
заглавная А с острым ударением
Â
&Acirc;
&#194;
заглавная А с диакритическим знаком над гласной
Ã
&Atilde;
&#195;
заглавная А с тильдой
Ä
&Auml;
&#196;
заглавная А с двумя точками
Å
&Aring;
&#197;
заглавная А с верхним кружком
Æ
&AElig;
&#198;
заглавные символы AE вместе
Ç
&Ccedil;
&#199;
заглавная C с седилем
È
&Egrave;
&#200;
заглавная E с тупым ударением
É
&Eacute;
&#201;
заглавная E с острым ударением
Ê
&Ecirc;
&#202;
заглавная E с диакритическим знаком над гласной
Ë
&Euml;
&#203;
заглавная E с двумя точками
Ì
&Igrave;
&#204;
заглавная I с тупым ударением
Í
&Iacute;
&#205;
заглавная I с острым ударением
Î
&Icirc;
&#206;
заглавная I с диакритическим знаком над гласной
Ï
&Iuml;
&#207;
заглавная I с двумя точками
Ð
&ETH;
&#208;
заглавная D с черточкой
Ñ
&Ntilde;
&#209;
заглавная N с тильдой
Ò
&Ograve;
&#210;
заглавная O с тупым ударением
Ó
&Oacute;
&#211;
заглавная O с острым ударением
Ô
&Ocirc;
&#212;
заглавная O с диакритическим знаком над гласной
Õ
&Otilde;
&#213;
заглавная O с тильдой
Ö
&Ouml;
&#214;
заглавная O с двумя точками
Ø
&Oslash;
&#216;
заглавная O со штрихом
Ù
&Ugrave;
&#217;
заглавная U с тупым ударением
Ú
&Uacute;
&#218;
заглавная U с острым ударением
Û
&Ucirc;
&#219;
заглавная U с диакритическим знаком
Ü
&Uuml;
&#220;
заглавная U с двумя точками
Ý
&Yacute;
&#221;
заглавная Y с острым ударением
Þ
&THORN;
&#222;
заглавная THORN
à
&agrave;
&#224;
строчная a с тупым ударением
á
&aacute;
&#225;
строчная a с острым ударением
â
&acirc;
&#226;
строчная a с диакритическим знаком
ã
&atilde;
&#227;
строчная a с тильдой
ä
&auml;
&#228;
строчная a с двумя точками
å
&aring;
&#229;
строчная a с верхним кружком
æ
&aelig;
&#230;
строчные буквы ae
ç
&ccedil;
&#231;
строчная c с седилем
è
&egrave;
&#232;
строчная e с тупым ударением
é
&eacute;
&#233;
строчная e с острым ударением
ê
&ecirc;
&#234;
строчная e с диакритическим знаком
ë
&euml;
&#235;
строчная e с двумя точками
ì
&igrave;
&#236;
строчная I с тупым ударением
í
&iacute;
&#237;
строчная I с острым ударением
î
&icirc;
&#238;
строчная I с диакритическим знаком
ï
&iuml;
&#239;
строчная I с двумя точками
ð
&eth;
&#240;
строчные символы eth
ñ
&ntilde;
&#241;
строчная N с тильдой
ò
&ograve;
&#242;
строчная O с тупым ударением
ó
&oacute;
&#243;
строчная O с острым ударением
ô
&ocirc;
&#244;
строчная O с диакритическим знаком
õ
&otilde;
&#245;
строчная I с тильдой
ö
&ouml;
&#246;
строчная I с двумя точками
ø
&oslash;
&#248;
строчная O со штрихом
ù
&ugrave;
&#249;
строчная U с тупым ударением
ú
&uacute;
&#250;
строчная U с острым ударением
û
&ucirc;
&#251;
строчная U с диакритическим знаком
ü
&uuml;
&#252;
строчная U с двумя точками
ý
&yacute;
&#253;
строчная Y с острым ударением
þ
&thorn;
&#254;
строчная thorn
ÿ
&yuml;
&#255;
строчная Y с двумя точками
Стрелки
Вид
Имя
Код
Описание
&larr;
&#8592;
стрелка влево
&uarr;
&#8593;
стрелка вверх
&rarr;
&#8594;
стрелка вправо
&darr;
&#8595;
стрелка вниз
&harr;
&#8596;
стрелка влево-вправо
 
&#9668;
влево
 
&#9650;
вверх
 
&#9658;
вправо
 
&#9660;
вниз
&crarr;
&#8629;
вниз с углом вправо = возврат каретки
&lArr;
&#8656;
двойная стрелка влево
&uArr;
&#8657;
двойная вверх
&rArr;
&#8658;
двойная вправо
&dArr;
&#8659;
двойная вниз
&hArr;
&#8660;
двойная влево-вправо
Масти
Вид
Имя
Код
Описание
&spades;
&#9824;
знак масти 'пики'
&clubs;
&#9827;
знак масти 'трефы'
&hearts;
&#9829;
знак масти 'червы'
&diams;
&#9830;
знак масти 'бубны'
Различные технические
Вид
Имя
Код
Описание
&lceil;
&#8968;
левая скобка округления вверх = apl upstile
&rceil;
&#8969;
правая скобка округления вверх
&lfloor;
&#8970;
левая скобка округления вниз = apl downstile
&rfloor;
&#8971;
правая скобка округления вниз
&lang;
&#9001;
угловая скобка влево = бра
&rang;
&#9002;
угловая скобка вправо = кет


1 звезда2 звезд3 звезд4 звезд5 звезд (голосов: 1, средний: 5.00 из 5)
Понравилась статья или журнал? Подписывайся на продолжение!
Отзывов: 11 на запись

"Специальные символы HTML (special characters)"

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

  2. со специальными софтинами не сталкивался. знаю, что в phpDesigner и в DreamWeaver есть небольшие таблицы символов и в первом можно даже конвертировать в обе стороны, но вот число символов там где-то около 20-30, не более.
    Что касается скриптов, то можно и на яваскрипте (или на жкьюри), и на пхп написать скрипты, которые будут заменять одно на другое, но недостаток скриптов будет прост – количество возможных замен, т.е. количество имеющихся символов на замену, будет определяться пользователем. На жабаскрипте целесообразно выполнение скрипта сажать на кнопку

  3. Типографы среди прочего заменяют знаки на спецсимволы.
    Пример типографа: http://www.artlebedev.ru/tools/typograf/.

  4. 2unic – а за название подобных скриптов и за ссылочку-демонстрацию отдельное спасибо!

  5. Скриптов типографирования на самом деле немало. Некоторые используют внешние сервисы наподобие typograf.ru, некоторые работают сами. Для друпала (и других CMS наверняка) есть модули типографирования. Есть плагины для tinyMCE, CKEditor и др.

  6. а я ни разу не натыкался, хотя, конечно, и не искал специально. впрочем то, что их не мало, не удивительно – написать подобное не сложно.
    ещё раз спасибо =)

  7. Кстати о спецсимволах…
    Прижимаем Alt и нажимаем цифру на нумераторе. На KeyUp альта печатаются вот такие вот символы ☺☻♥♦♣♠•◘○

  8. Это да, жаль набор ограничен, крайне ограничен.
    остаётся добавить, что нумпад при этом должен быть выключен =)

  9. А есть ли спецсимвол для $ очень и очень необходимо ….

  10. Конечно есть. Обновил таблицу – смотри блок с денежными знаками. Спасибо, символ был необходим в таблице

  11. Благодарю

Добро пожаловать, коллега! Вы можете оставить свой отзыв:





Допустимые XHTML-теги:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на комментарии