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

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

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

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

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

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

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

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

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

Внешний вид Обозначение HTML-код CSS-код
Снеговик ☃ \2603
Православный крест ☦ \2626
Якорь ⚓ \2693
Знак телефона ✆ \2706
Телефон ☎ \260E
Горячие напитки ☕ \2615
Карандаш, направленный вправо-вниз ✎ \270E
Карандаш ✏ \270F
Карандаш, направленный вправо-вверх ✐ \2710
Незакрашенное острие пера ✑ \2711
Закрашенное острие пера ✒ \2712
Геральдическая лилия ⚜ \269C
Шлем с белым крестом ⛑ \26D1
Начерченная белая звезда ⚝ \269D
Снежинка ❄ \2744
Закрашенное жирное сердце ❤ \2764
Зажатая трилистниками снежинка ❅ \2745
Жирная остроугольная снежинка ❆ \2746
Закрашенная звезда ★ \2605
Незакрашенная звезда ☆ \2606
Незакрашенная звезда в закрашенном круге ✪ \272A
Закрашенная звезда с незакрашенным кругом внутри ✫ \272B
Вращающаяся звезда ✯ \272F
Звёздочка с шарообразными окончаниями ❉ \2749
Жирная восьмиконечная каплеобразная звёздочка-пропеллер ❋ \274B
Звёздочка с незакрашенным центром ✲ \2732
Закрашенное солнце с лучами ☀ \2600
Облака ☁ \2601
Зонтик ☂ \2602
Галочка в квадрате ☑ \2611
Крестик в квадрате ☒ \2612
Нахмуренный смайлик ☹ \2639
Улыбающийся смайлик ☺ \263A
Закрашенный улыбающийся смайлик ☻ \263B
Серп и молот ☭ \262D
Закрашенный флаг ⚑ \2691
Незакрашенный флаг ⚐ \2690
Триграмма ☰ \2630
Закрашенный цветок ✿ \273f
Незакрашенный цветок ❀ \2740
Цветок с шестью лепестками ✾ \273E
Закрашенный обведённый цветок ❁ \2741
Цветок из точек ❂ \2742
Конверт ✉ \2709
Сердце в виде цветка ❦ \2766
Номер 1 ❶ \2776
Номер 2 ❷ \2777
Номер 3 ❸ \2778
Номер 4 ❹ \2779
Номер 5 ❺ \277A
Номер 6 ❻ \277B
Номер 7 ❼ \277C
Номер 8 ❽ \277D
Номер 9 ➒ \2792
Номер 10 ➓ \2793
Жирный знак умножения ✖ \2716
Жирный крестик ✘ \2718
Жирная отметка галочкой ✔ \2714
Жирный крест ✚ \271A
Символ атома ⚛ \269B
Символ переработки ♺ \267A
Незакрашенный квадрат с правой нижней тенью ❑ \2751
Незакрашенный квадрат с правой верхней тенью ❒ \2752
Алмаз в оправе ◈ \25C8
Круг с левой закрашенной половиной ◐ \25D0
Круг с закрашенной правой половиной ◑ \25D1
Три звездочки ⁂ \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 произойдёт превращение элемента в соответствующий код. При ручном вводе информации учитывайте регистр, который влияет на конечный результат.

Оставить ответ

Ваш email не будет показан.