Специальные символы HTML | CDBRAND
Главная » Блог » Специальные символы HTML
суббота, января 13, 2018 — 00:41
Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).
Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.
Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.
Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).
1. Полезные знаки и символы
Вид | 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 | Три звездочки |
2.

Вид | 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 | Правая квадратная скобка |
3.

Вид | 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 | Закрашенная стрелка вверх |
4.

Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
♠ | ♠ | \2660 | «Пики» |
♣ | ♣ | \2663 | «Трефы» |
♥ | ♥ | \2665 | «Червы» |
♦ | ♦ | \2666 | «Бубны» |
♡ | ♡ | \2661 | Контур «Червы» |
♢ | ♢ | \2662 | Контур «Бубны» |
♤ | ♤ | \2664 | Контур «Пики» |
♧ | ♧ | \2667 | Контур «Трефы» |
5. Деньги
Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
¢ | ¢ | \FFE0 | Цент |
£ | £ | \FFE1 | Фунт стерлингов |
₽ | ₽ | \20BD | Российский рубль |
¥ | ¥ | \00A5 | Йена или юань |
€ | € | \20AC | Евро |
$ | $ | \0024 | Доллар |
₴ | ₴ | \20B4 | Знак гривны |
₹ | ₹ | \20B9 | Индийская рупия |
圓 | 圓 | \5713 | Китайский юань |
₸ | ₸ | \20B8 | Казахстанский тенге |
6.

Вид | HTML-код | CSS-код | Описание |
---|---|---|---|
♈ | ♈ | \2648 | Овен |
♉ | ♉ | \2649 | Телец |
♊ | ♊ | \264A | Близнецы |
♋ | ♋ | \264B | Рак |
♌ | ♌ | \264C | Лев |
♍ | ♍ | \264D | Дева |
♎ | ♎ | \264E | Весы |
♏ | ♏ | \264F | Скорпион |
♐ | ♐ | \2650 | Стрелец |
♑ | ♑ | \2651 | Козерог |
♒ | ♒ | \2652 | Водолей |
♓ | ♓ | \2653 | Рыбы |
Спецсимволы в HTML
Для отображения символов, которых нет на клавиатуре, применяются специальные знаки — спецсимволы utf, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В таблице ниже приведены самые популярные и наиболее встречаемые символы и их код для вставки в HTML.
Код | Вид | Описание |
---|---|---|
| неразрывный пробел | |
→ | → | стрелка вправо |
£ | £ | фунт стерлингов |
€ | € | знак евро |
¥ | ¥ | японская иена |
₽ | ₽ | российский рубль |
₴ | ₴ | украинская гривна |
¶ | ¶ | символ параграфа |
§ | § | параграф |
© | © | знак copyright |
® | ® | знак зарегистрированной торговой марки |
™ | ™ | знак торговой марки |
& | & | амперсанд |
Арифметические символы | ||
× | × | знак умножения |
÷ | ÷ | знак деления |
± | ± | плюс-минус |
≈ | ≈ | приблизительно равно |
≠ | не равно | |
° | ° | градус |
∠ | ∠ | угол |
&8735 | ∟ | прямой угол |
&8737 | ∡ | измеренный угол |
∑ | ∑ | сумма |
ƒ | ƒ | знак функции |
√ | √ | корень квадратный |
&8731 | ∛ | корень кубический |
&8732 | ∜ | корень четвёртой степени |
² | В квадрате | |
³ | В кубе | |
∅ | ∅ | диаметр |
∞ | ∞ | бесконечность |
< | < | знак меньше |
> | > | знак больше |
½ | ½ | дробь — одна вторая |
¾ | ¾ | дробь — три четверти |
¼ | ¼ | дробь — одна четверть |
Стрелки | ||
← | ← | стрелка влево |
↑ | ↑ | стрелка вверх |
→ | → | стрелка вправо |
↓ | ↓ | стрелка вниз |
↔ | ↔ | стрелка влево-вправо |
8597 | ↕ | стрелка вверх-вниз |
8598 | ↖ | стрелка северо-запад |
8599 | ↗ | стрелка северо-восток |
8600 | ↘ | стрелка юго-восток |
8601 | ↙ | стрелка юго-запад |
⇦ | объёмная стрелка влево | |
⇧ | объёмная стрелка вверх | |
⇨ | объёмная стрелка вправо | |
⇩ | объёмная стрелка вниз | |
⇪ | объёмная стрелка вверх из бара | |
↺ | ||
↻ | ||
8612 | ↤ | стрелка влево из бара |
8613 | ↥ | стрелка вверх из бара |
8614 | ↦ | стрелка вправо из бара |
8615 | ↧ | стрелка вниз из бара |
8644 | ⇄ | стрелки вправо-влево |
8645 | ⇅ | стрелки вверх-вниз |
8646 | ⇆ | стрелки влево-вправо |
8676 | ⇤ | стрелка влево в бар |
8677 | ⇥ | стрелка вправо в бар |
Прочие символы | ||
☎ | ☎ | телефон |
✉ | письмо | |
✎ | ||
⛟ | грузовой автомобиль | |
⚑ | ||
⚐ | ||
⚒ | ||
⚔ | ||
☀ | солнце | |
☼ | ||
☽ | ||
☾ | ||
☁ | облако | |
☂ | зонт | |
★ | звезда | |
☆ | звезда | |
✯ | ||
☢ | знак радиации | |
♻ | ||
♺ | ||
⚖ | весы | |
☭ | ☭ | серп и молот |
☯ | ☯ | инь-янь |
☮ | символ мира | |
♠ | ♠ | знак масти «пики» |
♣ | ♣ | знак масти «трефы» |
♥ | ♥ | знак масти «червы» |
♦ | ♦ | знак масти «бубны» |
✈ | ||
✂ | ||
❀ | ||
❁ | ||
Знаки пунктуации | ||
" | « | двойная кавычка |
… | … | многоточие .![]() |
′ | ′ | одиночный штрих — минуты и футы |
″ | ″ | двойной штрих — секунды и дюймы |
– | – | тире |
— | — | длинное тире |
‘ | ‘ | левая одиночная кавычка |
’ | ’ | правая одиночная кавычка |
‚ | ‚ | нижняя одиночная кавычка |
“ | “ | левая двойная кавычка |
” | ” | правая двойная кавычка |
„ | „ | нижняя двойная кавычка |
« | « | левая двойная угловая скобка |
» | » | правая двойная угловая скобка |
Греческие буквы | ||
Α | Α | греческая заглавная буква альфа |
Β | Β | греческая заглавная буква бета |
Γ | Γ | греческая заглавная буква гамма |
Δ | Δ | греческая заглавная буква дельта |
Ε | Ε | греческая заглавная буква эпсилон |
Ζ | Ζ | греческая заглавная буква дзета |
Η | Η | греческая заглавная буква эта |
Θ | Θ | греческая заглавная буква тета |
Ι | Ι | греческая заглавная буква иота |
Κ | Κ | греческая заглавная буква каппа |
Λ | Λ | греческая заглавная буква лямбда |
Μ | Μ | греческая заглавная буква мю |
Ν | Ν | греческая заглавная буква ню |
Ξ | Ξ | греческая заглавная буква кси |
Ο | Ο | греческая заглавная буква омикрон |
Π | Π | греческая заглавная буква пи |
Ρ | Ρ | греческая заглавная буква ро |
Σ | Σ | греческая заглавная буква сигма |
Τ | Τ | греческая заглавная буква тау |
Υ | Υ | греческая заглавная буква ипсилон |
Φ | Φ | греческая заглавная буква фи |
Χ | Χ | греческая заглавная буква хи |
Ψ | Ψ | греческая заглавная буква пси |
Ω | Ω | греческая заглавная буква омега |
α | α | греческая строчная буква альфа |
β | β | греческая строчная буква бета |
γ | γ | греческая строчная буква гамма |
δ | δ | греческая строчная буква дельта |
ε | ε | греческая строчная буква эпсилон |
ζ | ζ | греческая строчная буква дзета |
η | η | греческая строчная буква эта |
θ | θ | греческая строчная буква тета |
ι | ι | греческая строчная буква иота |
κ | κ | греческая строчная буква каппа |
λ | λ | греческая строчная буква лямбда |
μ | μ | греческая строчная буква мю |
ν | ν | греческая строчная буква ню |
ξ | ξ | греческая строчная буква кси |
ο | ο | греческая строчная буква омикрон |
π | π | греческая строчная буква пи |
ρ | ρ | греческая строчная буква ро |
ς | ς | греческая строчная буква сигма |
σ | σ | греческая строчная буква сигма |
τ | τ | греческая строчная буква тау |
υ | υ | греческая строчная буква ипсилон |
φ | φ | греческая строчная буква фи |
χ | χ | греческая строчная буква хи |
ψ | ψ | греческая строчная буква пси |
ω | ω | греческая строчная буква омега |
ascii — Как отобразить ► Воспроизвести (вперед) или сплошную стрелку вправо в html?
спросил
Изменено 1 год, 9 месяцев назад
Просмотрено 178 тысяч раз
Как отобразить этот символ ► Воспроизвести (вперед) или сплошную стрелку вправо в html?
- html
- ascii
4
Да, ►
, но он может выглядеть не во всех браузерах одинаково.
4
Если вам нужно использовать его в CSS, например,
li:before { содержимое: '\25BA'; }
Это CSS-преобразование ►
Полезный инструмент для этих преобразований: evotech.net/articles/testjsentities.html
2
►
от Wolfram Alpha
3
Я пробовал использовать код ascii, но он мне не понравился, так как всегда выглядел растянутым.
Вместо этого я нашел в Интернете гениальное легко настраиваемое решение, которое использует css и манипулирует только свойством границы:
.play { верхняя граница: 10px сплошной белый цвет; нижняя граница: сплошной белый 10 пикселей; граница слева: 20px сплошной черный; высота: 0px; }
<дел>дел>
2
Вот длинный список того, что вы можете использовать:
http://brucejohnson. ca/SpecialCharacters.html
1
Вы можете использовать глификоны Bootstrap.
Не забудьте также включить Bootstrap и jQuery в
элемент.
<голова> голова>
JSFiddle объясняет это: https://jsfiddle.net/canada/dfr90pac/
Ну, вы можете использовать изображение и отобразить его в
тега. В их событии клика вы можете написать код JavaScript. Вы можете поискать изображения в Google.
1
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Обязательно, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Скопируйте и вставьте стрелку вниз (знак/знак) и HTML-код
С помощью этого инструмента вы можете настроить размер, цвет, курсив и полужирный шрифт стрелки вниз (символ), а затем скопировать и вставить ее. Этот инструмент очень удобен для предварительного просмотра символа, включая просмотр деталей отображения символа и эффекта, отображаемого на веб-странице.
40 px HTML-code |
Зависит от вашего браузера, некоторые браузеры поддерживают редактирование этих символов, некоторые браузеры не поддерживают. Как печатать стрелки вниз?Разные операционные системы, разные текстовые редакторы, разные способы ввода стрелок вниз, обычно нам не нужно запоминать, как набирать стрелку вниз (знак), просто копируем ее при необходимости. Как копировать и вставлять стрелки вниз? Если вам нужно вставить стрелку вниз в текст, почту или текстовое сообщение, facebook, twitter и т. Символы отображаются в разных формах на разных платформах (операционные системы, браузеры, текстовые редакторы, веб-сайты), поэтому один и тот же символ (например, ⏱) в разных браузерах (например, Firefox и Google), на разных веб-сайтах (facebook и twitter)) , разные мобильные телефоны (iphone и Samsung) отображают разные формы, это нормально. Некоторые символы, обычно эмодзи, не поддерживаются в Word по умолчанию, поскольку в вашей системе не установлен соответствующий шрифт, на этот раз он отображается как «тофу». Если вам нужно вставить стрелку вниз на веб-страницу, скопируйте HTML-код, соответствующий стрелке вниз в таблице выше. Как в Word набрать стрелку вниз? Скопируйте стрелку вниз из приведенной выше таблицы (она может быть автоматически скопирована щелчком мыши) и вставьте ее в Word. Или
Поиск определенных символов в бесчисленном количестве символов, очевидно, является пустой тратой времени, и некоторые символы, такие как эмодзи, обычно не могут быть найдены Как использовать клавиатуру для ввода стрелки вниз (клавиша Alt)? Нет необходимости помнить, что, поскольку клавиша alt не всегда кажется такой точной, копирование является более удобным методом. Почему одинаковые символы соответствуют разным html-кодам?Поскольку используются разные кодировки веб-страниц, все кодировки могут нормально отображаться на веб-страницах. Почему один и тот же символ (знак) отображается по-разному на разных платформах (Apple, Samsung, Twitter, Facebook)? Эти символы на самом деле являются идеограммами и смайликами. |