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

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

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

У каждого символа дан HTML код (написан первым) и CSS, который используется в свойстве content

Знаки пунктуации
Стрелки
Деньги
Другие знаки и символы
Карточные масти

Знаки пунктуации

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

\00AD
Место возможного переноса

<
<
\003C
Знак "меньше чем" (начало тега)

>
>
\003E
Знак "больше чем" (конец тега)

«
«
\00AB
Левая двойная угловая скобка

»
»
\00BB
Правая двойная угловая скобка

‹
&lsaquo;
\2039
Левая угловая одиночная кавычка

›
&rsaquo;
\203A
Правая угловая одиночная кавычка

"
"
\0022
Двойная кавычка

′
′
\2032
Одиночный штрих

″
″
\2033
Двойной штрих

‘
‘
\2018
Левая одиночная кавычка

’
’
\2019
Правая одиночная кавычка

‚
&sbquo;
\201A
Нижняя одиночная кавычка

“
“
\201C
Левая двойная кавычка

”
”
\201D
Правая двойная кавычка

„
&bdquo;
\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
Перевернутый вопросительный знак

ƒ
&fnof;
\0192
Знак флорина

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

•
•
\2022
Маркер списка

…
…
\2026
Многоточие

‾
&oline;
\203E
Надчеркивание

–
–
\2013
Среднее тире

—
—
\2014
Длинное тире

‰
&permil;
\2030
Промилле

}
}
\007D
Правая фигурная скобка

{
{
\007B
Левая фигурная скобка

=
=
\003D
Знак равенства

≠
≠
\2260
Знак неравенства

≅
&cong;
\2245
Конгруэнтность (геометрическое равенство)

≈
≈
\2248
Почти равно

≤
≤
\2264
Меньше чем или равно

≥
≥
\2265
Больше чем или равно

∠
&ang;
\2220
Угол

⊥
&perp;
\22A5
Перпендикулярно (кнопка вверх)

√
√
\221A
Квадратный корень

∑
∑
\2211
N-ичное суммирование

∫
∫
\222B
Интеграл

※
※
\203B
Знак сноски

÷
÷
\00F7
Знак деления

∞
∞
\221E
Знак бесконечности

@
@
\0040
Символ собака

[
[
\005B
Левая квадратная скобка

]
]
\005D
Правая квадратная скобка

Стрелки

←
←
\2190
Стрелка влево

↑
↑
\2191
Стрелка вверх

→
→
\2192
Стрелка вправо

↓
↓
\2193
Стрелка вниз

↔
↔
\2194
Стрелка влево-вправо

↵
&crarr;
\21B5
Стрелка вниз и влево – знак возврата каретки

⇐
⇐
\21D0
Двойная стрелка налево

⇑
&uArr;
\21D1
Двойная стрелка вверх

⇒
⇒
\21D2
Двойная стрелка направо

⇓
&dArr;
\21D3
Двойная стрелка вниз

⇔
⇔
\21D4
Двойная стрелка влево-вправо

➠
➠
\27A0
Летящая стрела

➤
➤
\27A4
Наконечник стрелы

➥
➥
\27A5
Изогнутая стрела, указывающая вниз и вправо

➦
➦
\27A6
Изогнутая стрела, указывающая вверх и вправо

➳
➳
\27B3
Стрела направо

↺
↺
\21BA
Круглая стрелка с наконечником против часовой стрелки

↻
↻
\21BB
Круглая стрелка с наконечником по часовой стрелке

⇧
⇧
\21E7
Толстая полая стрелка вверх

↩
↩
\21A9
Стрелка налево с крючком

➫
➫
\27AB
Наклонённая вниз объёмная стрелка

⬇
⬇
\2B07
Закрашенная стрелка вниз

⬆
⬆
\2B06
Закрашенная стрелка вверх

Деньги

¢
¢
\FFE0
Цент

£
£
\FFE1
Фунт стерлингов

₽
₽
\20BD
Российский рубль

¥
¥
\00A5
Йена или юань

€
€
\20AC
Евро

$
$
\0024
Доллар

₴
₴
\20B4
Знак гривны

₹
₹
\20B9
Индийская рупия

圓
圓
\5713
Китайский юань

₸
₸
\20B8
Казахстанский тенге

Другие знаки и символы

☃
☃
\2603
Снеговик

☦
☦
\2626
Православный крест

✆
✆
\2706
Знак телефона

☎
☎
\260E
Телефон

✎
✎
\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

❾
❾
\277E
Номер 9

❿
❿
\277F
Номер 10

✖
✖
\2716
Жирный знак умножения

✘
✘
\2718
Жирный крестик

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

✚
✚
\271A
Жирный крест

⚛
⚛
\269B
Символ атома

♺
♺
\267A
Символ переработки

❑
❑
\2751
Незакрашенный квадрат с правой нижней тенью

❒
❒
\2752
Незакрашенный квадрат с правой верхней тенью

◈
◈
\25C8
Алмаз в оправе

◐
◐
\25D0
Круг с левой закрашенной половиной

◑
◑
\25D1
Круг с закрашенной правой половиной

⁂
⁂
\2042
Три звездочки

Карточные масти

♠
&spades;
\2660
"Пики"

♣
&clubs;
\2663
"Трефы"

♥
&hearts;
\2665
"Червы"

♦
&diams;
\2666
"Бубны"

♤
♤
\2664
Контур "Пики"

♧
♧
\2667
Контур "Трефы"

♡
♡
\2661
Контур "Червы"

♢
♢
\2662
Контур "Бубны"

Подписывайтесь на публикации Там наиболее интересные заметки без рекламы и другой ненужной информации.

Протестировать на мобильном Сгенерировать QR-код для перехода на эту страницу с телефона

Опубликовано: 10.01.2019 / Обновлено: 25.10.2022
Рубрики: Справочные материалы
Метки: Сборники
38180 просмотров

Добавить комментарий:

Ваш комментарий отправлен!