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,影响专业性