Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;)
Спецсимволы чувствительны к регистру, прописывайте их как указанно в таблице.
Как вставить спецсимвол в HTML. В примере вывел спецсимвол рубля и добавил инлайновых стилей.
<span style="color:orange; font-size: 25px">₽</span>
Выведет - ₽
Как вставить спецсимвол в CSS. В css выводим через псевдоклассы :after или :before используя правило content" ".
HTML код:
<div class="spec"></div>
CSS код:
.spec:after{
content:"\00A5";
color:orange;
font-size: 25px;
}
Выведет - ¥
Таблица спецсимволов
Валюта
Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
¢ | ¢ | \FFE0 | Цент |
£ | £ | \FFE1 | Фунт стерлингов |
₽ | ₽ | \20BD | Российский рубль |
¥ | ¥ | \00A5 | Йена или юань |
€ | € | \20AC | Евро |
$ | $ | \0024 | Доллар |
₴ | ₴ | \20B4 | Знак гривны |
₹ | ₹ | \20B9 | Индийская рупия |
圓 | 圓 | \5713 | Китайский юань |
₸ | ₸ | \20B8 | Казахстанский тенге |
Знаки пунктуации
Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
| \00A0 | Неразрывный пробел | |
­ | \00AD | Место возможного переноса | |
< | < | \003C | Знак "меньше чем" (начало тега) |
> | > | \003E | Знак "больше чем" (конец тега) |
« | « | \00AB | Левая двойная угловая скобка |
» | » | \00BB | Правая двойная угловая скобка |
‹ | ‹ | \2039 | Левая угловая одиночная кавычка |
› | › | \203A | Правая угловая одиночная кавычка |
" | " | \0022 | Двойная кавычка |
′ | ′ | \2032 | Одиночный штрих |
″ | ″ | \2033 | Двойной штрих |
‘ | ‘ | \2018 | Левая одиночная кавычка |
’ | ’ | \2019 | Правая одиночная кавычка |
‚ | ‚ | \201A | Нижняя одиночная кавычка |
“ | “ | \201C | Левая двойная кавычка |
” | ” | \201D | Правая двойная кавычка |
„ | „ | \201E | Нижняя двойная кавычка |
❜ | ❜ | \275C | Жирная одинарная верхняя запятая |
❛ | ❛ | \275B | Жирная одинарная повёрнутая верхняя запятая |
& | & | \0026 | Амперсанд |
' | ' | \0027 | Апостроф (одинарная кавычка) |
§ | § | \00A7 | Параграф |
© | © | \00A9 | Знак copyright |
¬ | ¬ | \00AC | Знак отрицания |
® | ® | \00AE | Знак зарегистрированной торговой марки |
¯ | ¯ | \00AF | Знак долготы над гласным |
° | ° | \00B0 | Градус |
± | ± | \00B1 | Плюс-минус |
¹ | ¹ | \00B9 | Верхний индекс "1" |
² | ² | \00B2 | Верхний индекс "2" |
³ | ³ | \00B3 | Верхний индекс "3" |
¼ | ¼ | \00BC | Одна четверть |
½ | ½ | \00BD | Одна вторая |
¾ | ¾ | \00BE | Три четверти |
´ | ´ | \00B4 | Знак ударения |
µ | µ | \00B5 | Микро |
¶ | ¶ | \00B6 | Знак абзаца |
· | · | \00B7 | Знак умножения |
¿ | ¿ | \00BF | Перевернутый вопросительный знак |
ƒ | ƒ | \0192 | Знак флорина |
™ | ™ | \2122 | Знак торговой марки |
• | • | \2022 | Маркер списка |
… | … | \2026 | Многоточие |
‾ | ‾ | \203E | Надчеркивание |
– | – | \2013 | Среднее тире |
— | — | \2014 | Длинное тире |
‰ | ‰ | \2030 | Промилле |
} | } | \007D | Правая фигурная скобка |
{ | { | \007B | Левая фигурная скобка |
= | = | \003D | Знак равенства |
≠ | ≠ | \2260 | Знак неравенства |
≅ | ≅ | \2245 | Конгруэнтность (геометрическое равенство) |
≈ | ≈ | \2248 | Почти равно |
≤ | ≤ | \2264 | Меньше чем или равно |
≥ | ≥ | \2265 | Больше чем или равно |
∠ | ∠ | \2220 | Угол |
⊥ | ⊥ | \22A5 | Перпендикулярно (кнопка вверх) |
√ | √ | \221A | Квадратный корень |
∑ | ∑ | \2211 | N-ичное суммирование |
∫ | ∫ | \222B | Интеграл |
※ | ※ | \203B | Знак сноски |
÷ | ÷ | \00F7 | Знак деления |
∞ | ∞ | \221E | Знак бесконечности |
@ | @ | \0040 | Символ собака |
[ | [ | \005B | Левая квадратная скобка |
] | ] | \005D | Правая квадратная скобка |
Стрелки
Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
← | ← | \2190 | Стрелка влево |
↑ | ↑ | \2191 | Стрелка вверх |
→ | → | \2192 | Стрелка вправо |
↓ | ↓ | \2193 | Стрелка вниз |
↔ | ↔ | \2194 | Стрелка влево-вправо |
↵ | ↵ | \21B5 | Стрелка вниз и влево – знак возврата каретки |
⇐ | ⇐ | \21D0 | Двойная стрелка налево |
⇑ | ⇑ | \21D1 | Двойная стрелка вверх |
⇒ | ⇒ | \21D2 | Двойная стрелка направо |
⇓ | ⇓ | \21D3 | Двойная стрелка вниз |
⇔ | ⇔ | \21D4 | Двойная стрелка влево-вправо |
➠ | ➠ | \27A0 | Летящая стрела |
➤ | ➤ | \27A4 | Наконечник стрелы |
➥ | ➥ | \27A5 | Изогнутая стрела, указывающая вниз и вправо |
➦ | ➦ | \27A6 | Изогнутая стрела, указывающая вверх и вправо |
➳ | ➳ | \27B3 | Стрела направо |
↺ | ↺ | \21BA | Круглая стрелка с наконечником против часовой стрелки |
↻ | ↻ | \21BB | Круглая стрелка с наконечником против часовой стрелки |
⇧ | ⇧ | \21E7 | Толстая полая стрелка вверх |
↩ | ↩ | \21A9 | Стрелка налево с крючком |
➫ | ➫ | \27AB | Наклонённая вниз объёмная стрелка |
⬇ | ⬇ | \2B07 | Закрашенная стрелка вниз |
⬆ | ⬆ | \2B06 | Закрашенная стрелка вверх |
Интересные спецсимволы
Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
✆ | ✆ | \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 | Сердце в виде цветка |
❶ | ❶ | \2776 | Номер 1 |
❷ | ❷ | \2777 | Номер 2 |
❸ | ❸ | \2778 | Номер 3 |
❹ | ❹ | \2779 | Номер 4 |
❺ | ❺ | \277A | Номер 5 |
❻ | ❻ | \277B | Номер 6 |
❼ | ❼ | \277C | Номер 7 |
❽ | ❽ | \277D | Номер 8 |
♺ | ♺ | \267A | Символ переработки |
❑ | ❑ | \2751 | Незакрашенный квадрат с правой нижней тенью |
❒ | ❒ | \2752 | Незакрашенный квадрат с правой верхней тенью |
◈ | ◈ | \25C8 | Алмаз в оправе |
◐ | ◐ | \25D0 | Круг с левой закрашенной половиной |
◑ | ◑ | \25D1 | Круг с закрашенной правой половиной |
⁂ | ⁂ | \2042 | Три звездочки |
☃ | ☃ | \2603 | Снеговик |
☦ | ☦ | \2626 | Православный крест |
⚓ | ⚓ | \2693 | Якорь |
✖ | ✖ | \2716 | Жирный знак умножения |
✘ | ✘ | \2718 | Жирный крестик |
✔ | ✔ | \2714 | Жирная отметка галочкой |
✚ | ✚ | \271A | Жирный крест |
⚛ | ⚛ | \269B | Символ атома |
18.06.2018 15:02
19285
Что такое HTML5
14.08.2018 14:27
Новости из этой категории
02.09.2019 13:54
5489
Как установить видео на сайт
Приветствую вас друзья!
В этой статье рассмотрим ..