Символы
Содержание:
При разработке веб-страницы часто требуются различные символы и специальных символов, но использование некоторых символов может помешать фактическому HTML-коду, который содержит определенные символы, кроме того, многие символы отсутствуют на клавиатуре. Таким образом, чтобы избежать конфликта и в то же время, чтобы иметь возможность использовать разные символы в коде w3.org предоставляет нам «Мнемоники».
Объекты символов предопределены с помощью Мнемоник: &имя_объекта; и &#номер_символа; .
Список нескольких мнемоник можно найти на странице https://dev.w3.org/html5/html-author/charref .
Таблица символов Юникода® находится на странице https://unicode-table.com/ru/
Простой пример с использованием мнемоники для символа «лупа» (не все браузеры поддерживают):
<input type="text" placeholder=" 🔍 Поиск"/>
в результате получим:
Вид
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-код
Описание
♠
♠
\2660
"Пики"
♣
♣
\2663
"Трефы"
♥
♥
\2665
"Червы"
♦
♦
\2666
"Бубны"
♡
♡
\2661
Контур "Червы"
♢
♢
\2662
Контур "Бубны"
♤
♤
\2664
Контур "Пики"
♧
♧
\2667
Контур "Трефы"
Вид
HTML-код
CSS-код
Описание
¢
¢
\FFE0
Цент
£
£
\FFE1
Фунт стерлингов
₽
₽
\20BD
Российский рубль
¥
¥
\00A5
Йена или юань
€
€
\20AC
Евро
$
$
\0024
Доллар
₴
₴
\20B4
Знак гривны
₹
₹
\20B9
Индийская рупия
圓
圓
\5713
Китайский юань
₸
₸
\20B8
Казахстанский тенге
Вид
HTML-код
CSS-код
Описание
♈
♈
\2648
Овен
♉
♉
\2649
Телец
♊
♊
\264A
Близнецы
♋
♋
\264B
Рак
♌
♌
\264C
Лев
♍
♍
\264D
Дева
♎
♎
\264E
Весы
♏
♏
\264F
Скорпион
♐
♐
\2650
Стрелец
♑
♑
\2651
Козерог
♒
♒
\2652
Водолей
♓
♓
\2653
Рыбы
Вид
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
Сердце в виде цветка
❶
❶
\2776
Номер 1
❷
❷
\2777
Номер 2
❸
❸
\2778
Номер 3
❹
❹
\2779
Номер 4
❺
❺
\277A
Номер 5
❻
❻
\277B
Номер 6
❼
❼
\277C
Номер 7
❽
❽
\277D
Номер 8
➒
➒
\2792
Номер 9
➓
➓
\2793
Номер 10
✖
✖
\2716
Жирный знак умножения
✘
✘
\2718
Жирный крестик
✔
✔
\2714
Жирная отметка галочкой
✚
✚
\271A
Жирный крест
⚛
⚛
\269B
Символ атома
♺
♺
\267A
Символ переработки
❑
❑
\2751
Незакрашенный квадрат с правой нижней тенью
❒
❒
\2752
Незакрашенный квадрат с правой верхней тенью
◈
◈
\25C8
Алмаз в оправе
◐
◐
\25D0
Круг с левой закрашенной половиной
◑
◑
\25D1
Круг с закрашенной правой половиной
⁂
⁂
\2042
Три звездочки