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

使用方法：

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

需要主意的是：

  • 有的字符在不同的浏览器下表现不太一样；比如小雪人 ☃ 在Firefox和Chrome下不太一样，钻石 ◆ 在IE下要比Chrome下要大一点儿；
  • 有的字符在某个浏览器下不会显示；当然原因并不是字符代码的问题，而是浏览器的bug，比如，–在Chrome下。。。
  • 但是，98%的字符都能在所有浏览器下正常显示的，不过如果你真的要使用，最好仔细在各个浏览器下验证一番。
  • 经测试这些字符在Android/iOS等智能终端的识别度比较差，所以，使用的时候要特别注意移动浏览器～～

各种箭头

  • ⇠ 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
  • ▼ 9660 25BC
  • ◄ 9668 25C4
  • ❤ 10084 2764
  • ✈ 9992 2708
  • ★ 9733 2605
  • ✦ 10022 2726
  • ☀ 9728 2600
  • ◆ 9670 25C6
  • ◈ 9672 25C8
  • ▣ 9635 25A3

标点

  • « 171 00AB
  • » 187 00BB
  • ‹ 139 008B
  • › 155 009B
  • “ 8220 201C
  • ” 8221 201D
  • ‘ 8216 2018
  • ’ 8217 2019
  • • 8226 2022
  • ◦ 9702 25E6
  • ¡ 161 00A1
  • ¿ 191 00BF
  • ℅ 8453 2105
  • № 8470 2116
  • & 38 0026
  • @ 64 0040
  • ℞ 8478 211E
  • ℃ 8451 2103
  • ℉ 8457 2109
  • ° 176 00B0
  • | 124 007C
  • ¦ 166 00A6
  • – 8211 2013
  • — 8212 2014
  • … 8230 2026
  • ¶ 182 00B6
  • ∼ 8764 223C
  • ≠ 8800 2260

法律符号

  • ® 174 00AE
  • © 169 00A9
  • ℗ 8471 2117
  • ™ 153 0099
  • ℠ 8480 2120

货币

  • $ 36 0024
  • ¢ 162 00A2
  • £ 163 00A3
  • ¤ 164 00A4
  • € 8364 20AC
  • ¥ 165 00A5
  • ₱ 8369 20B1
  • ₹ 8377 20B9

数学

  • ½ 189 00BD
  • ¼ 188 00BC
  • ¾ 190 00BE
  • ⅓ 8531 2153
  • ⅔ 8532 2154
  • ⅛ 8539 215B
  • ⅜ 8540 215C
  • ⅝ 8541 215D
  • ‰ 8240 2030
  • % 37 0025
  • < 60 003C
  • > 62 003E

音乐符号

  • ♩ 9833 2669
  • ♪ 9834 266A
  • ♫ 9835 266B
  • ♬ 9836 266C
  • ♭ 9837 266D
  • ♯ 9839 266F

对号、错号

  • * * 160 00A0
  • ☐ 9744 2610
  • ☑ 9745 2611
  • ☒ 9746 2612
  • ✓ 10003 2713
  • ✔ 10004 2714
  • ✕ 10005 10005
  • ✖ 10006 2716
  • ✗ 10007 2717
  • ✘ 10008 2718

十字

  • ☨ 9768 2628
  • ☩ 9769 2629
  • ✝ 10013 271D
  • ✞ 10014 271E
  • ✟ 10015 271F
  • ✠ 10016 2720
  • ✚ 10010 271A
  • † 8224 2020
  • ✢ 10018 2722
  • ✤ 10020 2724
  • ✣ 10019 2723
    • ✥ 10021 2725

星星、星号、雪花

  • ★ 9733 2605
  • ✭ 10029 272D
  • ✮ 10030 272E
  • ☆ 9734 2606
  • ✪ 10026 272A
  • ✡ 10017 2721
  • ✯ 10031 272F
  • ✵ 10037 2735
  • ✶ 10038 2736
  • ✸ 10040 2738
  • ✹ 10041 2739
  • ✺ 10042 273A
  • ✱ 10033 2731
  • ✲ 10034 2732
  • ✴ 10036 2734
  • ✳ 10035 2733
  • ✻ 10043 273B
  • ✽ 10045 273D
  • ❋ 10059 274B
  • ❆ 10054 2746
  • ❄ 10052 2744
  • ❅ 10053 2745

杂项

  • ☻ 9787 263B
  • ☺ 9786 263A
  • ☹ 9785 2639
  • ✉ 9993 2709
  • ☎ 9742 260E
  • ☏ 9743 260F
  • ✆ 9990 2706
  • � 65533 FFFD
  • ☁ 9729 2601
  • ☂ 9730 2602
  • ❄ 10052 2744
  • ☃ 9731 2603
  • ❈ 10056 2748
  • ✿ 10047 273F
  • ❀ 10048 2740
  • ❁ 10049 2741
  • ☘ 9752 2618
  • ❦ 10086 2766
  • ☕ 9749 9749
  • ❂ 10050 2742
  • ☥ 9765 2625
  • ☮ 9774 262E
  • ☯ 9775 262F
  • ☪ 9770 262A
  • ☤ 9764 2624
  • ✄ 9988 2704
  • ✂ 9986 2702
  • ☸ 9784 2638
  • ⚓ 9875 2693
  • ☣ 9763 2623
  • ⚠ 9888 26A0
  • ⚡ 9889 26A1
  • ☢ 9762 2622
  • ♻ 9851 267B
  • ♿ 9855 267F
  • ☠ 9760 2620

手型、铅笔、笔

  • ☜ 9756 261C
  • ☞ 9758 261E
  • ☝ 9757 261D
  • ☟ 9759 261F
  • ✌ 9996 270C
  • ✍ 9997 270D
  • ✎ 9998 270E
  • ✐ 10000 2710
  • ✏ 9999 270F
  • ✑ 10001 2711
  • ✒ 10002 2712

天空、植物

  • ☽ 9789 263D
  • ☾ 9790 263E
  • ♂ 9794 2642
  • ♀ 9792 2640
  • ☿ 9791 263F
  • ♁ 9793 2641
  • ♃ 9795 2643
  • ♄ 9796 2644
  • ♅ 9797 2645
  • ♆ 9798 2646
  • ♇ 9799 2647

星座

  • ♈ 9800 2648
  • ♉ 9801 2649
  • ♊ 9802 264A
  • ♋ 9803 264B
  • ♌ 9804 264C
  • ♍ 9805 264D
  • ♎ 9806 264E
  • ♏ 9807 264F
  • ♑ 9809 2651
  • ♒ 9810 2652
  • ♓ 9811 2653

象棋，扑克牌

  • ♚ 9818 265A
  • ♛ 9819 265B
  • ♜ 9820 265C
  • ♝ 9821 265D
  • ♞ 9822 265E
  • ♟ 9823 265F
  • ♔ 9812 2654
  • ♕ 9813 2655
  • ♖ 9814 2656
  • ♗ 9815 2657
  • ♘ 9816 2658
  • ♙ 9817 2659
  • ♠ 9824 2660
  • ♣ 9827 2663
  • ♥ 9829 2665
  • ♦ 9830 2666
  • ♤ 9828 2664
  • ♧ 9831 2667
  • ♡ 9825 2661
  • ♢ 9826 2662

希腊字母

  • Α 913 0391
  • Β 914 0392
  • Γ 915 0393
  • Δ 916 0394
  • Ε 917 0395
  • Ζ 918 0396
  • Η 919 0397
  • Θ 920 0398
  • Ι 921 0399
  • Κ 922 039A
  • Λ 923 039B
  • Μ 924 039C
  • Ν 925 039D
  • Ξ 926 039E
  • Ο 927 039F
  • Π 928 03A0
  • Ρ 929 03A1
  • Σ 931 03A3
  • Τ 932 03A4
  • Υ 933 03A5
  • Φ 934 03A6
  • Χ 935 03A7
  • Ψ 936 03A8
  • Ω 937 03A9

HTML特殊字符大全2的更多相关文章

  1. HTML特殊字符大全

    特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码     !   ! " " " #   # $   $ %   % & & & ' ...

  2. (转载)Bash 中的特殊字符大全

    转自:https://linux.cn/article-5657-1.html Linux下无论如何都是要用到shell命令的,在Shell的实际使用中,有编程经验的很容易上手,但稍微有难度的是she ...

  3. Bash 中的特殊字符大全【转】

    Linux下无论如何都是要用到shell命令的,在Shell的实际使用中,有编程经验的很容易上手,但稍微有难度的是shell里面的那些个符号,各种特殊的符号在我们编写Shell脚本的时候如果能够用的好 ...

  4. HTML - 网页特殊字符大全（转）

    原文地址请跳转:https://blog.csdn.net/Iversons/article/details/78996776

  5. sed 变量替换和Linux的特殊符号大全

    1 sed支持两种方式的变量替换,建议使用下面的第二种,比较简单 这样就可以给变量a赋值很多特殊字符了,比如 赋值a='!@#￥%……' sed -n 's/echo/'"$a"' ...

  6. HTML中特殊字符

    HTML中的字符详解 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 ! ! " " " # # $ $ % % & & & ' ...

  7. CSS之可折叠导航

    简述 下面我们来讲述如何仅仅用CSS来实现一个可折叠的导航. 简述 nav标签 summary标签 效果 源码 解释 为小三角添加CSS样式 <nav>标签 定义和用法 <nav&g ...

  8. 纯css制作带三角(兼容所有浏览器)

    如何用 border 来制作三角. html 代码如下: 代码如下: <div class="arrow-up"></div> <div class= ...

  9. 开始使用 Ubuntu（字体渲染去模糊+软件安装+优化配置+常见错误）(29)

    1. 中文字体渲染美化 + 去模糊 步骤: 1. 解压安装 lulinux_fontsConf_181226.tar.gz,按里面的安装说明操作: 2. 开启字体渲染: 打开 unity-tweak- ...

随机推荐

  1. Yii 获取验证码与Yii常用的URL

    $this->createAction('captcha')->getVerifyCode(); //获取当前验证码的值 当前页面url  echo Yii::app()->requ ...

  2. A Case for Flash Memory SSD in Enterprise Database Applications

    通过分析固态硬盘的特性对数据库中不同对象,如:表,索引,回滚段,重做日志等的应用进行具体研究,最后将数据库中不同的对象进行区别应用

  3. memcached全面剖析--3

    memcached的删除机制和发展方向 下面是<memcached全面剖析>的第三部分. 发表日:2008/7/16 作者:前坂徹(Toru Maesaka) 原文链接:http://gi ...

  4. js实现浏览器兼容复制功能

    经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中.其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()语法 ...

  5. PHP学习心得（七）——常量

    常量的范围是全局的. 可以用 define() 函数来定义常量. <?php define("CONSTANT", "Hello world."); ec ...

  6. 【DB】SQLiteHelper

    /// <summary> /// 说明:这是一个针对System.Data.SQLite的数据库常规操作封装的通用类. /// </summary> public class ...

  7. 在C#中IEnumerable与IEnumerator

    对于很多刚开始学习C#同学来说经常会遇到IEnumerable这个关键字,enumerate在字典里的解释是列举,枚举,因此可想而知这个关键字肯定是和列举数据有关的操作. public interfa ...

  8. 全面认识UML类图元素

    本节和大家一起学习一下UML类图元素,类图能出色地表示继承与合成关系.为了将UML类图作为一种高效的沟通工具使用,开发者必须理解如何将类图上出现的元素转换到Java中.请看本节详细介绍. 全面认识UM ...

  9. 长达半年的苹果发布会：亮点与槽点(iPhone5s,iPhone5c)

    不知出于什么原因,今天凌晨召开的苹果发布会并没有视频直播,所以大家都守着The Verge家的图文直播.结果,苹果再一次用事实证明了他们没有保密体系,或者,故意没有保密体系. 整场发布会正经的亮点如下 ...

  10. C# - 接口，继承

    接口 接口是把公共实例(非静态)方法和属性组合起来,以封装特定功能的一个集合.不能像实例化一个类那样实例化接口.接口不能包含实现其成员的任何代码,而只能定义成员本身.实现过程必须在实现接口的类中完成. ...