🔣Специальные символы HTML

🗒️️️ 14.01.202429.05.2026 автором pivan

Содержание:

Специальные символы HTML и их использование в веб-разработке.

Специальные символы HTML играют важную роль в веб-разработке. Они позволяют корректно отображать текст и другой контент на веб-страницах. Одним из важных аспектов является понимание и использование специальных символов HTML. Понимание и правильное использование этих символов является неотъемлемой частью работы веб-разработчика.
Специальные символы HTML позволяют оформить текст письма или тему рассылки, помогают использовать иконки для кнопок и ссылок на сайте. Использование правильных мнемоник в HTML является важным, чтобы текст и другой контент отображались корректно. Мнемоника — конструкция, кодирующая спецсимволы HTML определённым образом. Имеет вид: & обозначение; — амперсанд + обозначение + точка-с-запятой. Примеры мнемоник: & → & → амперсанд или © → © → копирайт.
Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.
Символы <, >, & и " имеют в HTML особое значение, как символы форматирования.
Точка с запятой, обязательный элемент в & – последовательности.

Специальные символы HTML:

Оформление текста

Код	Символ	Описание
		Неразрывный межсловный пробел <br>
&ensp;		Узкий пробел (еn-шириной в букву n)
&emsp;		Широкий пробел (em-шириной в букву m)
❘	\| ❘	Тонкая вертикальная черта │
&oline;	‾	Надчеркивание
&ndash	–	Узкое тире (en-тире)
—	—	Широкое тире (em -тире)
©	©	Копирайт
®	®	Знак зарегистрированной торговой марки
&sim;	∼	Оператор тильда
§	§	Параграф
∞	∞	Знак бесконечности
µ	µ	Знак микро
•	•	Простой маркер
·	·	Знак умножения
÷	÷	Знак деления
±	±	Плюс-минус
·	·	Точка по центру
…	…	Многоточие
☰	☰	Триграмма
°	°	Градус
○	○	Круг
●	●	Круг закрашенный
✌	✓	Символ галочка
✔	✔	Жирная галочка
☑	☑	Галочка в квадрате
☒	☒	Крестик в квадрате
☓	☓	Крест
✅	✅	Жирная не закрашенная галочка
✕	✕	Крестик
✖	✖	Жирный крестик
✗	✗	Изогнутый крестик
✘	✘	Жирный изогнутый крестик

Кавычки

символ	мнемоника	html-код	Описание
&	&	&	Амперсанд
‘	'		Апостроф (одинарная кавычка)
«	«	«	Левая типографская кавычка (кавычка-елочка)
»	»	»	Правая типографская кавычка (кавычка-елочка)
‹		‹	Одиночная угловая кавычка открывающая
›		›	Одиночная угловая кавычка закрывающая
′	′	′	Одиночный штрих
″	″	″	Двойной штрих (секунды, дюймы)
‘	‘	‘	Левая верхняя одиночная кавычка
’	’	’	Правая верхняя одиночная кавычка
‚	&sbquo;	‚	Правая нижняя одиночная кавычка
“	“	“	Кавычка-лапка левая
”	”	”	Кавычка-лапка правая верхняя
„	&bdquo;	„	Кавычка-лапка правая нижняя
❛		❛	Одиночная английская кавычка открывающая
❜		❜	Одиночная английская кавычка закрывающая
❝		❝	Двойная английская кавычка открывающая

Стрелки

Символ	мнемоника	html-код	Описание
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз ⬇️
↔	↔	↔	стрелка влево и вправо
↕		↕	стрелка вверх и вниз
⇐	&Arr;	⇐	двойная стрелка влево
⇑	&uArr;	⇑	двойная стрелка вверх
⇒	⇒	⇒	двойная стрелка вправо
⇓	&dArr;	⇓	двойная стрелка вниз
⇔	⇔	⇔	двойная стрелка влево и вправо
⇕		⇕	двойная стрелка вверх и вниз
➤		➤	Наконечник стрелы

Офисные предметы

Эмоции

Код	Символ	Описание
✌	✌	Жест победы
👌	👌	Жест о’кей
👍	👍	Жест “класс” – хорошо
👎	👎	Жест “плохо”
👋	👋	Открытая ладонь
👏	👏	Хлопающие ладони
&#129305	🤙	Жест “позвони мне”
&#129309	🤝	Рукопожатие
🤟	🤟	Жест я люблю тебя
👆	👆	Белая рука, указывающая вверх
&#128071	👇	Белая рука, указывающая вниз
👈	👈	Белая рука, указывающая влево
👉	👉	Белая рука, указывающая вправо
☺	☺	Смайлик улыбка
☹	☹	Смайлик грусть
☻	☻	Смайлик грусть закрашенный
😉	😉	Подмигивающее лицо
😀	😀	Ухмыляющееся лицо
🥰	🥰	Улыбающееся лицо
😗	😗	Целующееся лиц
😘	😘	Лицо, посылающее поцелуй
🎃	🎃	Тыква на Хэллоуин
💓	💓	Бьющееся сердце
💔	💔	Разбитое сердце
&#128150	💖	Игристое сердце
💗	💗	Растущее сердце
💘	💘	Сердце, пронзённое стрелой
💝	💝	Сердце с бантиком
&#128149	💕	Два сердца
💟	💟	Декоративное сердце
💞	💞	Вращающиеся сердца
&#128162	💢	Гнев
💫	💫	Головокружение
💋	💋	Следы поцелуя
💤	💤	Спать
💯	💯	Сто очков
💥	💥	Столкновение
💬	💬	Чат / Сообщение
📧	📧	Электронная почта
✉ ️	✉️	Email / Письмо
📢	📢	Объявление
🔕	🔕	Без звука / Отключить
🔔	🔔	Уведомление
📄	📄	Документ
📁	📁	Папка
📂	📂	Открытая папка
📊	📊	Таблица / График
🖼 ️	🖼️	Изображение
🎵	🎵	Аудио / Музыка
🎬	🎬	Видео
💾	💾	Сохранить
🤵	🤵	Сотрудник / Персона
👤	👤	Пользователь / Аккаунт
👑	👑	Администратор / Премиум

Валюта и товарные знаки

Код	Символ	Описание
¢	¢	Цент
$	$	Доллар
€	€	Евро
£	£	Фунт стерлингов
₣	₣	Французский франк
₽	₽	Рубль
₴	₴	Гривна
₸	₸	Тенге
圓	圓	Юань
₹	₹	Рупия
¥	¥	Йена
฿	฿	Тайский бат
₿	₿	Биткойн
¤	¤	Валюта 💒 🎀👻💌
💸	💸	Пачка долларовых купюр с крыльями из перьев
💵	💵	Стопка долларов США, перехваченная ленточкой
💳	💳	Задняя сторона кредитной карты с магнитной полосой и подписью
🧾	🧾	Квитанция или чек

Римские цифры

Код	Символ	Описание
Ⅰ	Ⅰ	Римская цифра один
Ⅱ	Ⅱ	Римская цифра два
Ⅲ	Ⅲ	Римская цифра три
Ⅳ	Ⅲ	Римская цифра четыре
Ⅴ	Ⅴ	Римская цифра пять
Ⅵ	Ⅵ	Римская цифра шесть
Ⅶ	Ⅶ	Римская цифра семь
Ⅷ	Ⅷ	Римская цифра восемь
Ⅸ	Ⅸ	Римская цифра девять
Ⅹ	Ⅹ	Римская цифра десять
Ⅺ	Ⅺ	Римская цифра одиннадцать
Ⅻ	Ⅻ	Римская цифра двенадцать
Ⅼ	Ⅼ	Римская цифра пятьдесят
Ⅽ	Ⅽ	Римская цифра сто
Ⅾ	Ⅾ	Римская цифра пятьсот
Ⅿ	Ⅿ	Римская цифра тысяча

Прочие специальные символы HTML

Код	Символ	Описание
🔔	🔔	Колокольчик
♤	☢	Радиация
☮	☮	Знак мира
♀	♀	Знак женского пола
♂	♂	Знак мужского пола
⚢	⚢	Сдвоенный женский знак
⚣	⚣	Сдвоенный мужской знак
🔉	🔉	Низкий уровень звука
🔊	🔊	Высокий уровень звука
♬	♬	Знак нота
♫	♫	Знак нота
♩	♩	Знак нота
♪	♪	Знак нота
🎶	🎶	Музыкальные ноты
💡	💡	Лампочка электрическая
⚡	⚡	Высокое напряжение
⚠	⚠	Предупреждающий знак
✰	✰	Звезда прозрачная
★	★	Звезда закрашенная
🌠	🌠	Звезда падающая
🔥	🔥	Огонь
🎅	🎅	Дед Мороз
🎄	🎄	Рождественская ёлка
🏆	🏆	Кубок (трофей)
🎁	🎁	Подарок в коробке
🛒	🛒	Корзина покупок
🛍 ️	🛍️	Сумка / Покупки
🎉	🎉	Хлопушка праздничная
💰	💰	Мешок с деньгами
📺	📺	Телевизор
👛	👛	Кошелёк
🍎	🍎	Яблоко
💌	💌	Любовное письмо 💒 🎀👻💌
🍂	🍂	Осенний лист
🎯	🎯	Цель / Мишень / Дартс
⚖	⚖	Весы
🎇	🎇	Бенгальские огни
💉	💉	Шприц
💎	💎	Бриллиант

Специальные символы HTML – ввод с клавиатуры

Чтобы ввести символы потребуется сочетание клавиш Alt (слева) и цифры дополнительной клавиатуры.
Для набора Alt кода следует зажать клавишу Alt и на правой цифровой клавиатуре, набрать цифры alt-кода символа, после клавиша Alt отпускается.
Например, для вставки значка (обычный смайл) нажимаем клавишу Alt и на правой клавиатуре вводим цифру 1. При отпускании клавиши Alt, символ ☺ появится на экране.

Скрытые символы на клавиатуре (Alt + Код):

alt 1 ☺ (обычный смайл)
alt 2 ☻ (инверсный «черный» смайл)
alt 3 ♥ (значок «черви»)
alt 4 ♦ (значок «бубны»)
alt 5 ♣ (значок «трефы»)
alt 6 ♠ (значок «пики»)
alt 7 • (жирная точка)
alt 8 ◘ (инверсная точка)
alt 9 ○ (круг)
alt 10 ◙ (круг в квадрате)
alt 11 ♂ (мужской символ)
alt 12 ♀ (женский символ)
alt 13 ♪ (значок ноты)
alt 14 ♫ (значок двойной ноты)
alt 15 ☼ (солнце)
alt 16 ► (вправо)
alt 17 ◄ (влево)
alt 18 ↕ (туда-сюда)
alt 19 ‼ (двойное восклицание)
alt 20 ¶ (перевод строки)
alt 21 § (параграф)
alt 22 ▬ (жирное тире)
alt 23 ↨
alt 24 ↑ (стрелка вверх)
alt 25 ↓ (стрелка вниз)
alt 26 → (стрелка вправо)
alt 27 ← (стрелка влево)
alt 28 ∟ (прямой угол)
alt 29 ↔ (стрелка влево-вправо)
alt 30 ▲ (курсор вверх)
alt 31 ▼ (курсор вниз)
alt 177 ▒
alt 987 █
alt 0130 ‚ (бинарная нижняя кавычка)
alt 0132 „ (двойная нижняя кавычка)
alt 0133 … (троеточие)
alt 0136 € (значок евро)
alt 0139 ‹ (значок «меньше»)
alt 0145 ‘ (апостроф перевернутый)
alt 0146 ’ (апостроф обычный)
alt 0147 “ (перевернутые закрывающие кавычки)
alt 0148 ” (закрывающие кавычки)
alt 0149 • (жирная точка)
alt 0150 – (минус, короткое тире)
alt 0151 — (длинное тире)
alt 0153 ™ (значок «торговая марка» (Trade mark)
alt 0155 › (значок «больше»)
alt 0167 § (параграф)
alt 0169 © (Значок Copyright)
alt 0171 « (русские открывающие кавычки)
alt 0187 » (русские закрывающие кавычки)
alt 0174 ® (Значок Registered)
alt 0176 ° (значок градуса)
alt 0177 ± (плюс-минус)
alt 0183 · (точка по центру)
alt 0235 ë
alt 179 │
alt 240 ≡

html_символы

Чтобы вставить спецсимвол в текст HTML-документа, можно использовать его мнемонику — буквенный код. Например, знак копирайта © можно вставить в текст HTML-документа четырьмя способами:

https://unicode.bootstrap-4.ru/emoji/smileys-and-emotion

Код	Символ	Описание
✆	✆	Знак телефона с проводом
📞	📞	Телефонная трубка
🕻	🕻	Телефонная трубка левосторонняя
🕽	🕽	Телефонная трубка правосторонняя
☎	☎	Телефон закрашенный
☏	☏	Телефон прозрачный
🕾	🕾
🕿	🕿	Черный кнопочный телефон
📱	📱	Мобильный телефон
📢	📢	Громкоговоритель с публичным адресом
📣	📣	cheering megaphone
	📻	Радиоприемник
📶	📶	antenna bars 📶
☕	☕	Чашка чая / кофе
🍵	🍵	Чашка без ручки
🌟	🎂	Торт
✄	✄	Ножницы
✃	✃	Ножницы
✉	✉	Конверт или письмо
✍	✍	Рука с ручкой
💾	💾	Дискета
🔍	🔍	Лупа (наклонённая влево)
🔎	🔎	Лупа (наклонённая вправо)
📆	📆	Отрывной календарь
📅	📅	Календарь (стандартный)
📒	🗒️	Блокнот / Ежедневник
⏰	⏰	Будильник
⌚	⌚	Наручные часы
⌛	⌛	Песочные часы
⏳	⏳	Песочные часы
💼	💼	Портфель
🛒	🛒	Корзина
🏠	🏠	Дом – House
⌂	⌂	Дом
🚚	🚚	Бесплатная доставка
	🏪	Магазины
🌐	🌐	Глобальная сеть / Интернет
📇	📇	Контакты / Телефонная книга
💻	💻	Компьютер
🔗	🔗	Ссылка
⭐	⭐	Избранный контакт
🚫	🚫	Заблокированный номер
❤ ️	❤️	Лайк / Любимое
💳	💳	Оплата / Карта
🏷 ️	🏷️	Скидка / Тег
		Привлечение внимания или предупреждение «опасность и беспокойство»
❗ ❗	❗	Восклицательный знак
❗		❗ ‼️ ❓ ⁉️ ❕ ❔
🖼	🖼️	Фотография / Изображение / Иконка
📣	🔣	Символы / Значки (вообще)
⚙	⚙️	Настройки / Параметры
💡	💡	Идея, лайфхак, полезный совет.
📜	📜	История
🌐	🌐	Телекоммуникации-интернет
📒	🗒️	Блокнот-календарь 🗒️
🗺	🗺️	Карта / Схема (как вид значка)
	🆘	Экстренная связь
🎧	🎧	Наушники / Гарнитура
	⏸️
▶	▶	Треугольник Play (запуск звука)
	🔊
	🕨	Динамик – Непосредственно аудио / звук
	🎵
	🎧
`㊗`	㊗	Японский иероглиф «поздравление» в круге
`🍀`	🍀	Символ поздравления Четырехлистный клевер (символ удачи)
`🕪`	🕪	Динамик с тремя звуковыми волнами
🎊	🎊	Шарик с конфетти (создает праздничный фон)
🎶	🎶	Несколько музыкальных нот
	👨‍💼	Личный секретарь
📔	📔	Книга с обложкой
📘	📘	Синяя книга
📇	📇	Картотека контактов
📄	📄	Документ, страница.
	🏪	Магазины