HTML 教程 / HTML表情符号

HTML 表情符号

Emoji(表情符号)是来自UTF-8字符集的字符,能够在网页中直观地表达情感和概念。现代浏览器都支持Emoji显示。

基本使用

直接在HTML中使用UTF-8编码即可显示Emoji表情。

<p>笑脸:😀</p>
<p>心形:❤️</p>
<p>竖起大拇指:👍</p> 
提示

确保HTML文件使用UTF-8编码:<meta charset="UTF-8">

常用Emoji分类

类别 示例 显示效果
笑脸与情感 😀 😃 😄 😁 😅 😂 😀 😃 😄 😁 😅 😂
心形与花朵 ❤️ 💙 💚 💛 💜 🖤 🌸 🌺 🌼 ❤️ 💙 💚 💛 💜 🖤 🌸 🌺 🌼
手势 👍 👎 👋 ✌️ 🤞 👌 👍 👎 👋 ✌️ 🤞
天气与自然 ☀️ 🌧️ ❄️ 🌈 ⭐ 🌙 ☀️ 🌧️ ❄️ 🌈 ⭐ 🌙
食物 🍎 🍕 🍔 🍟 🍦 �巧克力 🍎 🍕 🍔 🍟 🍦 🍫
动物 🐶 🐱 🐼 🦊 🦁 🐸 🐶 🐱 🐼 🦊 🦁 🐸

Unicode编码

可以使用Unicode编码方式插入Emoji:

<!-- 使用十进制编码 -->
<p>😀</p>

<!-- 使用十六进制编码 -->
<p>😀</p> 

使用注意事项

  • 编码设置:确保页面使用UTF-8编码
  • 浏览器兼容性:现代浏览器都支持,但旧版可能显示方框
  • 平台差异:不同操作系统的Emoji外观可能略有不同
  • 适度使用:不要过度使用Emoji,影响专业性