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)
    • 程序员定制命令行界面

探索工具推荐

  1. 在线浏览器

  2. 本地工具

    • Windows:字符映射表(charmap.exe)
    • macOS:字符检视器Control+Command+Space
    • Linux:gucharmap 工具
  3. 开发技巧

    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;

符号显示注意事项

  1. 字体支持:特殊符号需要安装字体(如Noto Fonts
  2. 编码声明:HTML文件需设置<meta charset="UTF-8">
  3. 版本差异:Unicode 15.1(2023年发布)新增约4500字符

Unicode不仅是文字编码系统,更是一个跨越古今中外的数字文化博物馆! 🏛️