unicode部分区域
1. 表情符号(Emoji)
- 范围:
U+1F300 - U+1F5FF
+U+1F600 - U+1F64F
+U+1F900 - U+1F9FF
- 示例:😂 (U+1F602)、🚀 (U+1F680)、🎮 (U+1F3AE)
- 用途:
- 社交媒体聊天
- UI设计中的状态图标
- 增强文本情感表达
- 有趣事实:
- 每年新增约100个新Emoji
- 有肤色修饰符(如 👍 → 👍🏻👍🏼👍🏽👍🏾👍🏿)
2. 数学符号
- 范围:
U+2200 - U+22FF
(数学运算符) +U+1D400 - U+1D7FF
(数学字母符号) - 示例:
- ∫ (U+222B) 积分符号
- √ (U+221A) 根号
- ∀ (U+2200) 全称量词
- 应用场景:
- LaTeX公式编辑
- 学术论文排版
- 科学计算软件
3. 古代文字
- 范围:
- 埃及象形文字:
U+13000 - U+1342F
- 楔形文字:
U+12000 - U+123FF
- 甲骨文:
U+30000 - U+3134F
(CJK扩展G)
- 埃及象形文字:
- 示例:𓀀 (U+13000, 埃及人像)、𒀸 (U+12038, 苏美尔符号)
- 用途:
- 考古文献数字化
- 历史研究
- 特殊艺术设计
4. 货币符号
- 范围:
U+20A0 - U+20CF
- 示例:
- ₿ (U+20BF, 比特币)
- € (U+20AC, 欧元)
- ₹ (U+20B9, 印度卢比)
- 有趣特性:
- 包含历史货币符号(如₻表示已消失的德国马克)
- 支持加密货币符号
5. 星座与占星符号
- 范围:
U+2600 - U+26FF
- 示例:
- ♈ (U+2648, 白羊座)
- ☉ (U+2609, 太阳)
- ⚡ (U+26A1, 闪电)
- 应用:
- 天文软件
- 占星网站
- 天气应用图标
6. 盲文图案
- 范围:
U+2800 - U+28FF
- 示例:⠁ (U+2801, 盲文A)、⠞ (U+281E, 盲文T)
- 技术特点:
- 8点盲文编码系统
- 可通过CSS
font-feature-settings
调整点阵显示
7. 游戏符号
- 范围:
- 国际象棋:
U+2654 - U+265F
- 扑克牌:
U+1F0A0 - U+1F0FF
- 国际象棋:
- 示例:
- ♔ (U+2654, 白王)
- 🂡 (U+1F0A1, 扑克黑桃A)
- 应用:
- 棋类游戏开发
- 赌博概率显示
- 卡牌游戏界面
8. 箭头与方向符号
- 范围:
U+2190 - U+21FF
+U+2900 - U+297F
- 示例:
- ↻ (U+21BB, 顺时针旋转)
- ⇶ (U+21F6, 三个右箭头)
- ⤵ (U+2935, 右下弯箭头)
- 用途:
- 流程图绘制
- UI导航指示
- 物理方向标注
9. 异体汉字与罕见字符
- 范围:
CJK统一汉字扩展区
(U+20000 - U+2FA1F) - 有趣字符:
- 𠀀 (U+20000, 最基础的汉字部件)
- 𰻝 (U+30EDD, “biang” 陕西面食名称)
- 特点:
- 包含超过10万个汉字
- 支持古籍生僻字
10. 控制台符号(Powerline)
- 范围:
U+E0A0 - U+E0D4
(私有使用区) - 示例: (U+E0B0, 右箭头分隔符)
- 用途:
- 终端美化工具(如oh-my-zsh)
- 程序员定制命令行界面
探索工具推荐
-
在线浏览器:
-
本地工具:
- Windows:
字符映射表
(charmap.exe) - macOS:
字符检视器
(Control+Command+Space
) - Linux:
gucharmap
工具
- Windows:
-
开发技巧:
1// 遍历Unicode范围示例 2for (let i = 0x1F300; i <= 0x1F5FF; i++) { 3 console.log(String.fromCodePoint(i)); 4}
使用js显示这个符号的方法
1// 编码转字符
2const char = String.fromCodePoint(current);
3
4//编码转16进制,并大写
5codePoint.toString(16).toUpperCase()
可见性检测
1 // 实际渲染检测
2 const testSpan = document.createElement('span');
3 testSpan.style.position = 'absolute';
4 testSpan.style.visibility = 'hidden';
5 testSpan.textContent = char;
6 document.body.appendChild(testSpan);
7 const isVisible = testSpan.offsetWidth > 0 || testSpan.offsetHeight > 0;
8 document.body.removeChild(testSpan);
9
10 return isVisible;
符号显示注意事项
- 字体支持:特殊符号需要安装字体(如Noto Fonts)
- 编码声明:HTML文件需设置
<meta charset="UTF-8">
- 版本差异:Unicode 15.1(2023年发布)新增约4500字符
Unicode不仅是文字编码系统,更是一个跨越古今中外的数字文化博物馆! 🏛️