IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

HTML特殊字符大全

前端观察 2011-12-22 22:22:25 累计浏览 3,426 次
本机暂存

    HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。

使用方法:

  • 这些字符属于unicode字符集,所以,你的文档需要声明为UTF;
  • 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号;
  • 第二列可以用于CSS文件中,但是需要用反斜杠\\转义;
  • 第二列也可以用于JavaScript,和CSS用法一样,不过要用\\u来转义。
  • 需要主意的是:

  • 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿;
  • 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,-在Chrome下。。。
  • 但是,98%的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番。
  • 各种箭头

    b.character{display:inline-block;width:2em;font-size:1.5em;} .character_list li em{margin:0 1em;display:inline-block;width:3em}
  • 8672 21E0
  • 8674 21E2
  • 8673 21E1
  • 8675 21E3
  • 8606 219E
  • 8608 21A0
  • 8607 219F
  • 8609 21A1
  • 8592 2190
  • 8594 2192
  • 8593 2191
  • 8595 2193
  • 8596 2194
  • 8597 2195
  • 8644 21C4
  • 8645 21C5
  • 8610 21A2
  • 8611 21A3
  • 8670 21DE
  • 8671 21DF
  • 8619 21AB
  • 8620 21AC
  • 8668 21DC
  • 8669 21DD
  • 8602 219A
  • 8603 219B
  • 8622 21AE
  • 8621 21AD
  • 形状

  • 8678 21E6
  • 8680 21E8
  • 8679 21E7
  • 8681 21E9
  • 8631 21B7
  • 8630 21B6
  • 8635 21BB
  • 8634 21BA
  • 10227 27F3
  • 10226 27F2
  • 10224 27F0
  • 10225 27F1
  • 8629 21B5
  • 8623 21AF
  • 8693 21F5
  • 向右的箭头

  • 10132 2794
  • 10137 2799
  • 10152 27A8
  • 10162 27B2
  • 10140 279C
  • 10142 279E
  • 10143 279F
  • 10144 27A0
  • 10148 27A4
  • 10149 27A5
  • 10150 27A6
  • 10151 27A7
  • 10165 27B5
  • 10168 27B8
  • 10172 27BC
  • 10173 27BD
  • 10170 27BA
  • 10163 27B3
  • 10174 27BE
  • 基本形状

  • 9650 25B2
  • 9658 25BA
  • 同分类推荐文章

    1. translateZ() (2026-06-25 21:18:56)
    2. translateY() (2026-06-25 21:17:56)
    3. translateX() (2026-06-25 21:16:01)

    查看更多 前端 文章 →

    建议继续学习

    1. 各公司对前端开发的职位描述 (累计阅读 10,405)
    2. 浏览器的渲染原理简介 (累计阅读 8,377)
    3. iframe里src="about:blank"的问题。 (累计阅读 8,089)
    4. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
    5. 2010网页设计趋势 (累计阅读 7,818)
    6. Web前端工程师编程能力飞升之路 (累计阅读 7,691)
    7. 为什么招不到人 (累计阅读 7,580)
    8. 如何判断自己是否到了该辞职的时候 (累计阅读 7,441)
    9. 如何成为一名优秀的web前端工程师(前端攻城师)? (累计阅读 7,213)
    10. 警惕 Chrome 的查看源代码 (View Page Source) 功能 (累计阅读 7,170)