Спецсимволы HTML: стрелки, кавычки, знаки валют и другие специальные символы в HTML-коде

Хочешь в ТОП? Хватит хотеть, пора действовать!

Начать продвижение

Спецсимволы HTML: стрелки, кавычки, знаки валют и другие специальные символы в HTML-коде

17 ноября 2021
2.9к
Москва г. Москва, ул. Нобеля 7, п. 56 +7 (800) 700-59-30

Спецсимволы HTML: стрелки, кавычки, знаки валют и другие специальные символы в HTML-коде

Специальные символы в HTML, которые также называются символами-мнемоники, являются ничем иным, как конструкцией SGML. Аббревиатура расшифровывается, как:

Standard Generalized Markup Language – стандартный обобщённый язык разметки. 

Эти конструкции позволяют ссылаться на определённый символ из виртуальной библиотеки, подгружаемой вместе с документом. Таким образом вы можете добавлять на свои страницы символы, которых нет в стандартном наборе, доступном для клавиатуры. 

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

  • Windows-1251;

  • UTF-8;

  • UTF-16;

  • UTF-32.

Наиболее распространённым на сегодняшний день можно с уверенностью считать стандарт кодировки UTF-8. 

Как указывать специальные символы в тексте

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

Если для использования специальных символов в тексте необходимо указывать их HTML-код, то для применения в таблицах стилей придётся прописать CSS-код. 

В качестве примера можно привести символ копирайта: ©. В текст документа он одинаково успешно вставляется четырьмя различными способами:

  1. обычным копированием ©;

  2. Использованием десятичного HTML-кода ©

  3. Использованием шестнадцатеричного HTML-кода ©

  4. Или же через его HTML-мнемонику &copy.

Все эти способы обычно приводят к одному и тому же результату: вы видите символ копирайта в теле вашего текста. 

Красивые числа, пробелы, переносы


 

   

     

 Неразрывный пробел


   

    

 Узкий пробел (еn-шириной в букву n)


   

     

 Широкий пробел (em-шириной в букву m)

   –   

 –

  –

 Узкое тире (en-тире)

  —

 —

  —

 Широкое тире (em -тире)

­

   ­

   ­

 Мягкий перенос

   а́


   ́

 Ударение, ставится после "ударной" буквы  


Полезные знаки

   ©   

  ©  

   © 

 Копирайт

   ®

   ®

   ®  

 Знак зарегистрированной торговой марки

   ™

  ™

  ™

 Знак торговой марки

    º

  º

   º

 Копье Марса

    ª

  ª

   ª

 Зеркало Венеры

   ‰

 ‰

  ‰

 Промилле

   π

    π

   π

 Пи (используйте Times New Roman)

    ¦

 ¦

   ¦

 Вертикальный пунктир

   §

  §

   §

 Параграф

   °

  °

   °

 Градус

   µ

 µ

   µ

 Знак "микро"

   ¶

  ¶

  ¶

 Знак абзаца

   …

  …

  …

 Многоточие

   ‾

  ‾

  ‾

 Надчеркивание

   ´

  ´

   ´

 Знак ударения

   №  


  №

 Знак номера

   ☎


  ☎

 Телефон

   ✉


  ✉  

 Конверт, email, почта

  ⛔


  ⛔

 Вход запрещен (кирпич)

  ⛳


  ⛳

 Фраг в воронке, местоположение, место встречи, гольф  


Знаки арифметических и математических операций

   ×   

  ×

   ×  

 Умножить

   ÷

 ÷

   ÷

 Разделить

   <

   &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;

 Знак рубля


Маркеры

   •   

   &bull;

   &#8226;  

 Простой маркер

   ○


   &#9675;

 Круг

   ·

 &middot;

   &#183;

 Средняя точка

   †  


   &#8224;

 Крестик

   ‡


   &#8225;

 Двойной крестик

   ♠

 &spades; 

   &#9824;

 Пики

   ♣

  &clubs;

   &#9827;

 Трефы

   ♥

  &hearts;

   &#9829;

 Червы

   ♦

  &diams;

   &#9830;

 Бубны

   ◊

     &loz;

   &#9674;

 Ромб

  ❤


  &#10084;  

 Жирное сердце

   ✓


  &#10003;

 Символ галочка

   ✔


  &#10004;

 Жирная отметка галочкой

  ✅ 


   &#9989;

 Жирная незакрашенная отметка галочка

   ☑


   &#9745;

 Галочка в квадрате

   ⚠


   &#9888;

 Внимание!

  ❌  


  &#10060;

 X, знак умножения, крестик, удалить

  ❎


  &#10062;

 Белый крест в квадрате

   ✖


  &#10006;

 Крест, жирный знак умножения

   ⨻


  &#10811;

 Знак умножения в треугольнике, пересечение равнозначных дорог 


Кавычки

   "   

  &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;

 Треугольная стрелка влево


Карандаши, перья, кисти

   ✍  

  &#9997;  

 Пишущая рука

  ✎

  &#9998;

 Карандаш, направленный вправо-вниз  

  ✏

  &#9999;

 Карандаш

  ✐

 &#10000;

 Карандаш, направленный вправо-вверх  

  ✑

 &#10001;

 Незакрашенное острие пера

  ✒  

 &#10002;

 Закрашенное острие пера


Звёздочки, снежинки, шестерёнки

  ☃  

  &#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;

 Снежинка в круге

  ⚙

  &#9881;

 Шестерёнка


Часы, время

  ⏰  

  &#9200;  

  Будильник

  ⌚

  &#8986;

  Наручные часы  

  ⌛

  &#8987;

  Песочные часы

  ⏳

  &#9203;

  Песочные часы


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

Строчные

Прописные

Описание

  Символ  

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;

 Омега



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


Оценить статью

2 5