смайлики в html коде
Смайлики коды смайликов для ВК, HTML коды смайликов
Смайлики коды смайликов для ВК, HTML коды смайликов.
Для справки
Смайлик (англ. smiley — «улыбающийся») или счастливое лицо
Смайлик — стилизованное графическое изображение улыбающегося человеческого лица.
Смайлик традиционно изображается в виде жёлтого круга с двумя чёрными точками, представляющими глаза, и чёрной дугой, символизирующей рот 😊
Харви Болл (10.07.1921 – 12.04.2001) – американский графический дизайнер, создатель смайлика (в 1963 году), учредитель Всемирного дня улыбки (отмечается в первую пятницу октября).
Функциональное назначение смайликов — устанавливать и поддерживать контакт с собеседником в сети интернет, более точно и конкретно выражать своё эмоциональное состояние.
Особенность классических смайликов — в горизонтальном расположении вертикальных зон лица и тела. Эти смайлики обозначают эмоции, мимику, жесты, действия и состояния человека, а также различных персонажей.
Эмотикон — блок Юникода, («иконка с эмоцией») — пиктограмма, обозначающая эмоцию.
Смайлики коды смайликов для ВК
Смайлики ВК выражающие эмоции, человек
😊 😊 улыбаться 😊
😉 😉 подмигнуть 😉
😋 😋 улыбка с языком 😋
😀 😀 улыбка, широкая улыбка 😀
😄 😄 улыбка, смех 😄
😅 😅 смех до пота 😅
😂 😂 смех до слез 😂
😃 😃 восхищение 😃
😆 😆 насмехаться 😆
😝 😝 насмехаться и показывать язык 😝
😜 😜 подмигнуть и показать язык 😜
😛 😛 дразнить, показать язык 😛
😇 😇 я святой 😇
😒 😒 расстроено-равнодушный 😒
😐 😐 без эмоций 😐
😕 😕 недовольный, растерянный 😕
😏 😏 ухмыляться 😏
😑 😑 нейтральный 😑
😍 😍 смотреть влюбленными глазами, восхищаться 😍
😘 😘 послать влюбленный поцелуй 😘
😚 😚 целовать и засмущаться 😚
😗 😗 поцеловать 😗
😙 😙 поцеловать с закрытыми глазами 😙
😳 😳 засмущался 😳
😁 😁 скалиться с закрытыми глазами 😁
😬 😬 скалиться 😬
😓 😓 очень грустно 😓
😔 😔 задумался 😔
😌 😌 хорошее настроение, улыбка 😌
😞 😞 расстроенный 😞
😥 😥 очень расстроен 😥
😩 😩 опечалено-устававший 😩
😫 😫 очень сильно устал 😫
😣 😣 напряжение 😣
😖 😖 смутился 😖
😢 😢 всплакнул 😢
😭 😭 рыдает 😭
😪 😪 сонный 😪
😴 😴 сонный 😴
😷 😷 болеет в повязке 😷
😎 😎 в очках, крутой 😎
😰 😰 в холодном поту 😰
😨 😨 испугался 😨
😱 😱 испуган до крика 😱
😠 😠 разозлился 😠
😡 😡 очень сильно разозлился 😡
😤 😤 в ожидании 😤
😵 😵 удивился 😵
😲 😲 удивился 😲
😟 😟 чем то обеспокоен 😟
😦 😦 расстроенный, хмурый 😦
😧 😧 расстроенный 😧
😮 😮 удивление, недоумение 😮
😯 😯 сильное недоумение 😯
😶 😶 молчу, рот закрыл 😶
Смайлик эмоции, кот
😺 😺 кот с улыбкой 😺
😸 😸 довольный счастливый кот 😸
😹 😹 кот плачет от радости 😹
😻 😻 кот влюбленный 😻
😽 😽 кот целует 😽
😼 😼 кот с ухмылкой 😼
🙀 🙀 напуганный кот 🙀
😿 😿 кот плачет 😿
😾 😾 злой кот 😾
Смайлики цифры
0⃣ 0 Ноль
1⃣ 1 Один
2⃣ 2 Два
3⃣ 3 Три
4⃣ 4 Четыре
5⃣ 5 Пять
6⃣ 6 Шесть
7⃣ 7 Семь
8⃣ 8 Восемь
9⃣ 9 Девять
🔟 10 Десять
Смайлики жесты и части тела
👂 👂 ухо
👃 👃 нос
👀 👀 глаза, смотреть
👅 👅 показать язык, язык
👄 👄 рот
👍 👍 большой палец наверх, Лайк, классно, мне нравится
👎 👎 большой палец в низ, дизлайк, мне не нравится
👌 👌 хорошо, окей, ок
👊 👊 пальца сжаты в кулак
✊ ✊ пальцы вместе
✌ ✌ победа, два пальца V
👐 👐 открытые ладони
👋 👋 помахать рукой
✋ ✋ открытая ладонь, приветствую, знак приветствия
👆 👆 указать пальцем наверх
👇 👇 указать пальцем вниз
👉 👉 указать пальцем направо
👈 👈 указать пальцем налево
🙌 🙌 поднятые ладони
🙏 🙏 сложенные ладони
☝ ☝ указать пальцем вверх
👏 👏 хлопать в ладоши, аплодировать
💪 💪 я очень сильный
Смайлики люди лица и в полный рост
👶 👶 дитя, ребенок
👧 👧 девочка
👦 👦 мальчик
👨 👨 мужчина
👩 👩 женщина
👴 👴 дедуля
👵 👵 бабуля
👮 👮 человек в фуражке
👷 👷 человек в каске
👱 👱 блондин
👰 👰 невеста в фоте
👲 👲 усатый человек в шапочке
👳 👳 человек в тюрбане
👸 👸 девушка
💂 💂 человек в высокой шапке
💁 💁 девушка работник
💆 💆 девушка руки на голове
💇 💇 девушка парикмахер
🙅 🙅 девушка руки в разные стороны
🙆 🙆 девушка руки на голове
🙋 🙋 девушка с поднятой рукой, приветствие
🙎 🙎 девушка без эмоций
🙍 🙍 девушка
🙇 🙇 раскланяться
👼 👼 ангел
💏 💏 поцелуй, целовать, влюбиться и поцеловать
💑 💑 пара влюбленных
👫 👫 пара держится за руки
👪 👪 папа, мама, ребенок
👬 👬 два человека держаться за руки
👭 👭 два человека держаться за руки
👯 👯 девушки в костюмах зайца
💃 💃 девушка танцовщица
🚶 🚶 человечек уходит
🏃 🏃 человечек бежит
👤 👤 темный силуэт человека
👥 👥 несколько силуэтов людей, или тень человека
🎅 🎅 Санта Клаус Дед Мороз
Смайлики Сердца
💛 💛 сердце желтое
💙 💙 сердце синее
💜 💜 сердце фиолетовое
💚 💚 сердце зеленое
❤ ❤ сердце красное
💔 💔 сердце разбитое
💗 💗 сердце пульсирующее
💓 💓 сердце
💕 💕 два сердца большое и маленькое
💖 💖 сердце с бликами
💞 💞 сердце крутится
💘 💘 сердце пробитое стрелой
💌 💌 письмо любви
💟 💟 рамка с сердцем
💝 💝 сердце подарок
🎁 🎁 подарок в коробке
🎀 🎀 бант, лента
🎈 🎈 воздушный шар
🎉 🎉 праздник
🎊 🎊 конфетти
🎭 🎭 маски, театр
Смайлики Знаки зодиака
♈ ♈ — Овен Aries
♉ ♉ — Телец Taurus
♊ ♊ — Близнецы Gemini
♋ ♋ — Рак Cancer
♌ ♌ — Лев Leo
♍ ♍ — Дева Virgo
♎ ♎ — Весы Libra
♏ ♏ — Скорпион Scorpio
♐ ♐ — Стрелец Saggitarius
♑ ♑ — Козерог Capricorn
♒ ♒ — Водолей Aquarius
♓ ♓ — Рыбы Pisces
⛎ ⛎ 13 знак зодиака, не существующий
🔯 🔯 звезда Давида
Смайлики Канцелярские товары
👑 👑 королевская корона
🎩 🎩 головной убор цилиндр
🎓 🎓 головной убор бакалавра, конфедератка
👒 👒 шляпка женская
🎽 🎽 майка
👔 👔 рубашка с галстуком
👕 👕 футболка
👗 👗 женское платье
👚 👚 сарафан
👖 👖 синении джинсы
👙 👙 купальный костюм
👘 👘 кимоно с поясом
👟 👟 обувь для бега
👞 👞 мужские ботинки
👠 👠 туфли
👡 👡 сандалии
👢 👢 высокие женские сапоги
👣 👣 следы
👛 👛 розовый кошелек
👜 👜 женская сумка
👝 👝 клатч
💼 💼 портфель
👓 👓 солнцезащитные очки
HTML коды смайликов
Выбери символ » Скопируй код » Вставь в HTML
Смайлики (эмотиконы) | ||
☺ | Незакрашенное улыбающееся лицо | ☺ |
☻ | Закрашенное улыбающееся лицо | ☻ |
😁 | Ухмыляющееся лицо со смеющимися глазами | 😁 |
😂 | Лицо со слезами радости | 😂 |
😃 | Улыбающееся лицо с открытым ртом | 😃 |
😄 | Улыбающееся лицо с открытым ртом и смеющимися глазами | 😄 |
😅 | Улыбающееся лицо в холодном поту с открытым ртом | 😅 |
😆 | Улыбающееся лицо с открытым ртом и плотно закрытыми глазами | 😆 |
😇 | Улыбающееся лицо с нимбом над головой | 😇 |
😈 | Улыбающееся лицо с рогами | 😈 |
😉 | Подмигивающее лицо | 😉 |
😊 | Улыбающееся лицо со смеющимися глазами | 😊 |
😋 | Лицо, смакующее деликатес | 😋 |
😌 | Расслабленной лицо | 😌 |
😍 | Улыбающееся лицо с глазами-сердечками | 😍 |
😎 | Улыбающееся лицо в солнечных очках | 😎 |
😏 | Усмехающееся лицо | 😏 |
😐 | Нейтральное выражение лица | 😐 |
😒 | Лицо с выражение неодобрения | 😒 |
😓 | Лицо в холодном поту | 😓 |
😔 | Задумчивое лицо | 😔 |
😖 | Выражение стыда | 😖 |
😘 | Лицо, посылающее поцелуй | 😘 |
😚 | Целующееся лицо с закрытыми глазами | 😚 |
😜 | Лицо с высунутым языком и подмигивающим глазом | 😜 |
😝 | Лицо с высунутым языком и крепко закрытыми глазами | 😝 |
😞 | Разочарованное лицо | 😞 |
😠 | Злое лицо | 😠 |
😡 | Лицо, надувшее губы | 😡 |
😢 | Плачущее лицо | 😢 |
😣 | Упорное выражение лица | 😣 |
😤 | Лицо с выражением триумфа | 😤 |
😥 | Лицо с выражением разочарования и облегчения | 😥 |
😩 | Утомлённое лицо | 😩 |
😪 | Сонное лицо | 😪 |
😫 | Усталое лицо | 😫 |
😭 | Лицо громко плачет | 😭 |
😰 | Лицо с открытым ртом в холодном поту | 😰 |
😱 | Лицо, кричащее от страха | 😱 |
😲 | Удивлённое лицо | 😲 |
😳 | Покрасневшее лицо | 😳 |
😵 | Головокружение | 😵 |
😶 | Лицо без рта | 😶 |
😷 | Лицо в медицинской маске | 😷 |
😸 | Ухмыляющийся кот со смеющимися глазами | 😸 |
😹 | Лицо кота со слезами радости | 😹 |
😺 | Улыбающийся кот с открытым ртом | 😺 |
😻 | Улыбающийся кот с глазами-сердечками | 😻 |
😼 | Кот с кривой улыбкой | 😼 |
😽 | Кот, целующийся с закрытыми глазами | 😽 |
😾 | Кот, надувший губы | 😾 |
😿 | Плачущий кот | 😿 |
🙀 | Усталый кот | 🙀 |
🙅 | Человек жестикулирующий о том, что ему не нравится | 🙅 |
🙆 | Человек жестикулирующий, что всё хорошо | 🙆 |
🙇 | Глубокий поклон | 🙇 |
🙋 | Счастливый человек с поднятой рукой | 🙋 |
🙌 | Человек поднявший обе руки в торжестве | 🙌 |
🙍 | Нахмурившийся человек | 🙍 |
🙎 | Человек с надутыми губами | 🙎 |
🙏 | Человек сложивший руки | 🙏 |
🙈 | Обезьяна не видящая зла | 🙈 |
🙉 | Обезьяна не слышащая зла | 🙉 |
🙊 | Обезьяна не говорящая о зле | 🙊 |
Поделись с друзьями! Ваши вопросы, замечания пишите в комментариях.
Как вставить эмодзи в HTML?
Эмодзи появились в течение последних тридцати лет и стали чрезвычайно популярными с использованием смартфонов. Хотя изначально молодые люди использовали смайлики в неформальном чате и обмене мгновенными сообщениями, в настоящее время стало обычным использование смайликов в формальном общении. Если вы веб-разработчик, блоггер или владелец сайта, вы также можете вставить смайлики в HTML, как и любой другой текстовый контент. Это сделает ваш контент привлекательным для читателей при чтении в браузере.
Понимание Emoji
Прежде чем продолжить, вот некоторые моменты, которые вам нужно понять об эмодзи.
Не имея клавиш на клавиатуре, давайте посмотрим, как вы можете вставить эмодзи в HTML.
Кодовая точка Юникода
Цель консорциума Unicode — сделать эмодзи стандартными символами, используемыми на всех устройствах и на всех языках. Чтобы выполнить эту задачу, они назначат уникальный код для каждого символа эмодзи с представлением по умолчанию. Разработчики приложений и операционных систем могут использовать этот код для использования представления по умолчанию или настройки внешнего вида. Например, U + 1F609 — это код для популярного эмодзи Winking Face. Вы можете получить кодовые точки из официальная страница смайликов Unicode.
Эмодзи | Codepoint | Шестнадцатеричный | Десятичный |
---|---|---|---|
Подмигивающее лицо | U + 1F609 | 1F609 | 128521 |
Как видите, кодовая точка — это не что иное, как шестнадцатеричный код в формате «U + шестнадцатеричный».
Вставить эмодзи в HTML
Вы можете использовать этот шестнадцатеричный код в HTML или преобразовать этот шестнадцатеричный код в десятичный формат и использовать. Эти коды обычно называются escape-объектами HTML или escape-строками. Давайте посмотрим, как правильно использовать эти коды на веб-странице HTML.
Определение UTF в HTML
Как уже упоминалось, первый и важный шаг — убедиться, что в вашем HTML-документе есть метатег charset, как показано ниже:
Полный HTML-шаблон должен выглядеть примерно так:
Обязательно используйте объявление кодировки символов сразу после тега заголовка. Это даст указание браузерам интерпретировать шестнадцатеричные и десятичные escape-строки как правильные символы эмодзи.
HTML-теги для использования с эмодзи
Поскольку смайлики являются текстовыми символами, вы можете использовать любые связанные с текстом HTML-теги для вставки смайлов. Теги абзаца и диапазона — это два простых варианта:
Помните, что обычно тег абзаца создает новую строку, в то время как промежуток продолжается в той же строке. Кроме того, вы также можете использовать эмодзи с другими тегами, такими как
Использование шестнадцатеричного кода в HTML
Давайте возьмем тот же пример смайлика Winking Face. Вы можете использовать следующий формат шестнадцатеричного кода в HTML для вставки эмодзи.
Для ввода шестнадцатеричного кода можно использовать заглавные или строчные буквы. Это даст результат, как показано ниже.
Десятичный код эмодзи в HTML
Вместо шестнадцатеричного кода вы можете использовать десятичный код как escape-строку с указанным ниже форматом.
Результат будет тот же, что и выше. Единственное отличие состоит в том, что вы можете удалить «x» в синтаксисе при использовании десятичного кода.
Прямая вставка эмодзи в HTML
Хотя два вышеуказанных метода просты в использовании, они не будут работать во всех случаях. Проблема в том, что не все смайлы имеют единую кодовую точку. Есть много символов эмодзи, содержащих комбинацию кодовых точек. Например, код эмодзи ученого — U + 1F9D1 U + 200D U + 1F52C, который нельзя ввести с помощью вышеуказанных методов.
Самый простой вариант — скопировать и вставить нужный смайлик между тегами HTML.
Теперь, когда вы можете задать вопрос, откуда вы можете скопировать все эти символы эмодзи:
Редакторы HTML-документов
Большинство людей используют текстовый редактор для подготовки HTML-документа. Все текстовые редакторы, такие как «Блокнот», «Блокнот ++», «TextEdit», «Скобки» и т. Д., Поддерживают вставку эмодзи, как описано выше. Хотя редакторы, такие как Блокнот, будут отображать смайлы в обычном черно-белом цвете, они будут отображаться сплошным цветом при отображении в браузере.
Обязательно сохраните документ в формате UTF-8.
Выберите формат UTF-8
Ниже приведен пример кода в редакторе TextEdit и его отображение в браузере Google Chrome.
Emoji в TextEdit и Chrome
Если вы используете приложение для создания своей HTML-страницы, вы можете использовать метод прямой вставки или сочетание клавиш. Помните, что некоторые системы управления контентом, такие как WordPress, используют PHP вместо HTML. Подробнее о вставке эмодзи в WordPress вы можете узнать в отдельной статье.
Отображение новых эмодзи
Как уже упоминалось, внешний вид смайлов может отличаться в зависимости от кодировки символов, используемой этим приложением. Например, Microsoft Edge, Firefox и Chrome могут отображать одни и те же эмодзи в разных форматах. Помимо этого фактора, вы обнаружите, что некоторые символы эмодзи будут отображаться в виде квадратного поля или отображать несколько символов. Это происходит, когда браузер не поддерживает символ смайлика. Unicode выпускает новые смайлики каждый год, и браузерам нужно время, чтобы принять новые символы. До этого времени вместо смайликов вы увидите рамку.
Например, смайлик «Сердце в огне» будет выглядеть как два символа ❤️🔥. Вы можете найти все новые символы эмодзи, отмеченные символом ⊛ на официальной странице Unicode. Это означает, что браузеры могут не поддерживать эти символы должным образом, и вам следует избегать их использования на своей HTML-странице.
Смайлы и эмодзи
Смайлики восхищение, радость
Смайлики виноват, неприятно
Смайлики радость в холодном поту
Катается от хохота
Смайлики слёзы радости
Смайлики немного улыбается
Emoji улыбающийся с улыбающимися глазами
Emoji улыбающийся с сердечками
Улыбающийся с глазами в виде сердца
Целующийся со счастливыми глазами
Игривая улыбка (Инстаграм и ВК)
Показывает язык (Инстаграм и ВК)
Дразнится (Инстаграм и ВК)
Дразнится и сильно смеётся
Лёгкая, приятная улыбка
С перебинтованной головой
Разочарован, но с лёгкостью воспринимает
Грусть в холодном поту
В ожидании триумфа, победы, успеха
С символами через рот
Смайлы частей тела
Смайлики котиков
Эмоджи счастливый кот
Эмоджи кот со слезами радости
Эмоджи улыбающийся кот с глазами в виде сердец
Смайлы эмоций
Два сердечка (эмоции)
Сердечко-восклицательный знак (эмоции)
Головокружение, звёздочки в глазах
Правое гневное облако речи
Смайлики флагов
Символы скрещенные флаги
Символы чёрный флаг
Символы белый флаг
Символы радужный флаг
Эмодзи смайлы наград
Смайлы военной медали
Смайлы спортивной медали
Смайлы золотой медали
Смайлы серебрянной медали
Смайлы бронзовой медали
В компьютерном веке трудно представить дружеское общение без использования смайликов. В последнее время, охватывающее период 3-4 года, смайлами насыщена любая область повседневной жизни, включая показ телевизионных программ, сеть радиовещания, обзоры на канале youtube, а также использование кодов смайликов на страницах популярных соцсетей (Вконтакте, Инстаграм, Одноклассники, твиттер) и непопулярных соцсетях.
Экскурс в историю смайликов
Люди привыкли отсылать улыбающиеся, печальные, удивленные изображения мордашек, цветов и автомобилей, жестикуляций и другие смайлы, которые иллюстрируют и передают эмоции, но мало кому известен факт о том, что они носят название смайлы emoji.
Японский разработчик Shigetak Kurit придумал эмодзи в 1998 году в процессе создания интересного проекта. Япония богата творческими людьми и часто радует нас разновидностями творческих жанров. В наименовании emoji содержится 2 вида иероглифов:»e», обозначающее»рисунок»,»moji,» обозначающее изображение»знака» или»символа».
В Западном мире интерес к миниатюрным жанровым иллюстрациям появился в 2011. Год стал знаменателен для эмодзи включением в типовую систему Unicode. Чуть позднее apple присоединил иллюстрированную систему знаков в клавиатуру, используемую устройствами по регламенту операционной системы iOS. Сейчас не представляется возможной коммуникация на просторах социального мира без применения смайлов.
Использование смайлов и эмодзи
Современная переписка располагает 1017 различными кодами смайликов, чего вполне достаточно для понимания выражаемых эмоций. К сожалению, пока не предусмотрена опция самостоятельной разработки новых смайлов и добавление придуманного в перечень библиотеки. С целью комфортного использования общие 1017 кодов разделены на 24 категории, которые представлены в нижестоящей таблице. К примеру, можно увидеть смайлики на тему лета или новогодних праздников.
В каких случаях используются коды эмоджи
Изображениями смайликов, предложенными нашим сайтом пользуются при создании:
Употребление кодов смайликов выполняется следующим образом:
На нашем сайте вы также можете найти смайлы, которые разбиты на категории: еда, природа, предметы, напитки, животные, люди, тело, спорт, путешествия и другие.
Для удобного использования нами размещена форма комментариев социальной сети (Вконтакте, Инстаграм, Одноклассники, твиттер). Остается копировать понравившиеся смайлы, вставить в текстовое поле и нажать опцию отправления для просмотра внешнего вида.
Предлагаем попробовать не откладывая, чтобы убедиться в простоте функционирования системы!
Как вставить эмодзи в HTML?
Эмодзи появились в течение последних тридцати лет и стали чрезвычайно популярными с использованием смартфонов. Хотя изначально молодые люди использовали смайлики в неформальном чате и обмене мгновенными сообщениями, в настоящее время стало обычным использование смайликов в формальном общении. Если вы веб-разработчик, блоггер или владелец сайта, вы также можете вставить смайлики в HTML, как и любой другой текстовый контент. Это сделает ваш контент привлекательным для читателей при чтении в браузере.
Понимание Emoji
Прежде чем продолжить, вот некоторые моменты, которые вам нужно понять об эмодзи.
Не имея клавиш на клавиатуре, давайте посмотрим, как вы можете вставить эмодзи в HTML.
Кодовая точка Юникода
Цель консорциума Unicode — сделать эмодзи стандартными символами, используемыми на всех устройствах и на всех языках. Чтобы выполнить эту задачу, они назначат уникальный код для каждого символа эмодзи с представлением по умолчанию. Разработчики приложений и операционных систем могут использовать этот код для использования представления по умолчанию или настройки внешнего вида. Например, U + 1F609 — это код для популярного эмодзи Winking Face. Вы можете получить кодовые точки из официальная страница смайликов Unicode.
Эмодзи | Codepoint | Шестнадцатеричный | Десятичный |
---|---|---|---|
Подмигивающее лицо | U + 1F609 | 1F609 | 128521 |
Как видите, кодовая точка — это не что иное, как шестнадцатеричный код в формате «U + шестнадцатеричный».
Вставить эмодзи в HTML
Вы можете использовать этот шестнадцатеричный код в HTML или преобразовать этот шестнадцатеричный код в десятичный формат и использовать. Эти коды обычно называются escape-объектами HTML или escape-строками. Давайте посмотрим, как правильно использовать эти коды на веб-странице HTML.
Определение UTF в HTML
Как уже упоминалось, первый и важный шаг — убедиться, что в вашем HTML-документе есть метатег charset, как показано ниже:
Полный HTML-шаблон должен выглядеть примерно так:
Обязательно используйте объявление кодировки символов сразу после тега заголовка. Это даст указание браузерам интерпретировать шестнадцатеричные и десятичные escape-строки как правильные символы эмодзи.
HTML-теги для использования с эмодзи
Поскольку смайлики являются текстовыми символами, вы можете использовать любые связанные с текстом HTML-теги для вставки смайлов. Теги абзаца и диапазона — это два простых варианта:
Помните, что обычно тег абзаца создает новую строку, в то время как промежуток продолжается в той же строке. Кроме того, вы также можете использовать эмодзи с другими тегами, такими как
Использование шестнадцатеричного кода в HTML
Давайте возьмем тот же пример смайлика Winking Face. Вы можете использовать следующий формат шестнадцатеричного кода в HTML для вставки эмодзи.
Для ввода шестнадцатеричного кода можно использовать заглавные или строчные буквы. Это даст результат, как показано ниже.
Десятичный код эмодзи в HTML
Вместо шестнадцатеричного кода вы можете использовать десятичный код как escape-строку с указанным ниже форматом.
Результат будет тот же, что и выше. Единственное отличие состоит в том, что вы можете удалить «x» в синтаксисе при использовании десятичного кода.
Прямая вставка эмодзи в HTML
Хотя два вышеуказанных метода просты в использовании, они не будут работать во всех случаях. Проблема в том, что не все смайлы имеют единую кодовую точку. Есть много символов эмодзи, содержащих комбинацию кодовых точек. Например, код эмодзи ученого — U + 1F9D1 U + 200D U + 1F52C, который нельзя ввести с помощью вышеуказанных методов.
Самый простой вариант — скопировать и вставить нужный смайлик между тегами HTML.
Теперь, когда вы можете задать вопрос, откуда вы можете скопировать все эти символы эмодзи:
Редакторы HTML-документов
Большинство людей используют текстовый редактор для подготовки HTML-документа. Все текстовые редакторы, такие как «Блокнот», «Блокнот ++», «TextEdit», «Скобки» и т. Д., Поддерживают вставку эмодзи, как описано выше. Хотя редакторы, такие как Блокнот, будут отображать смайлы в обычном черно-белом цвете, они будут отображаться сплошным цветом при отображении в браузере.
Обязательно сохраните документ в формате UTF-8.
Выберите формат UTF-8
Ниже приведен пример кода в редакторе TextEdit и его отображение в браузере Google Chrome.
Emoji в TextEdit и Chrome
Если вы используете приложение для создания своей HTML-страницы, вы можете использовать метод прямой вставки или сочетание клавиш. Помните, что некоторые системы управления контентом, такие как WordPress, используют PHP вместо HTML. Подробнее о вставке эмодзи в WordPress вы можете узнать в отдельной статье.
Отображение новых эмодзи
Как уже упоминалось, внешний вид смайлов может отличаться в зависимости от кодировки символов, используемой этим приложением. Например, Microsoft Edge, Firefox и Chrome могут отображать одни и те же эмодзи в разных форматах. Помимо этого фактора, вы обнаружите, что некоторые символы эмодзи будут отображаться в виде квадратного поля или отображать несколько символов. Это происходит, когда браузер не поддерживает символ смайлика. Unicode выпускает новые смайлики каждый год, и браузерам нужно время, чтобы принять новые символы. До этого времени вместо смайликов вы увидите рамку.
Например, смайлик «Сердце в огне» будет выглядеть как два символа ❤️🔥. Вы можете найти все новые символы эмодзи, отмеченные символом ⊛ на официальной странице Unicode. Это означает, что браузеры могут не поддерживать эти символы должным образом, и вам следует избегать их использования на своей HTML-странице.
Вывод
Как видите, есть много способов вставить эмодзи на веб-страницы HTML. Самый простой — использовать панели эмодзи или копировать со сторонних сайтов. Однако отображение эмодзи может отвлекать при разработке веб-страницы в текстовых редакторах. В этом случае вы можете использовать шестнадцатеричный или десятичный формат кода для поддерживаемых символов эмодзи.