tml中经常会用到一些特殊符号,例如箭头,雪花,心形等等,这些符号就不用css样式或者图片来写了,直接用html特殊符号可以实现。

例如,如下html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>haorooms前端博客之特殊符号</title>
</head>
<body>&#8672 &#9728
</body>
</html>

在网页中显示如下

使用方法:

  • 这些字符属于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常用的特殊符号总结相关推荐

  1. php特殊函数,PHP常用特殊运算符号和函数的简单示例

    这篇文章主要为大家详细介绍了PHP常用特殊运算符号和函数的简单示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小玲来看看吧! 注解符号: // 单行注解 多行注解 ...

  2. php识别号码格式豹子,[转载]php新手入门之PHP常用特殊运算符号

    php新手入门之PHP常用特殊运算符号,尖锋网站长发布分享. 尖锋网常发布一些技术分享资料和文章.欢迎大家提供高质量的旅游生活养生问答. 注解符号: // 单行注解 多行注解 引号的使用 ' ' 单引 ...

  3. 2.2 数个常用的特殊符号

    2.2 数个常用的特殊符号 二.常用网络命令和符号篇 ------------------------------------------------------------------------- ...

  4. 计算ex值 c语言编译,C语言常用的数学符号.doc

    C语言常用的数学符号.doc *---C语言常用的数学符号---------------------------*/ abs(计算整型数的绝对值) 相关函数 labs, fabs 表头文件 #incl ...

  5. 常用的正则符号(python)

    常用的正则符号(python) 1. 原字符 指代直接存在于字符串内部的子串. s1 = '通过几天Python的学习,感觉Python很简单,非常容易上手!' re.findall('Python' ...

  6. 第五章:正则表达式的使用-常用的正则符号(二)

    直接学习:https://edu.csdn.net/course/play/6861/335840 常用的正则符号(二): #6.英文状态下的问号? 表匹配前一个字符0次或1次 #超链接的匹配 url ...

  7. html网页中必填符号图片,收集的web页面html中常用的特殊符号大全

    收集的web页面html中常用的特殊符号大全 更新时间:2007年03月09日 00:00:00   作者: *特殊符号:·⊙①⊕◎Θ⊙*○¤㊣㈱@の*□*☆** ▲△▼▽⊿ ▂ ▃ ▄ ▆ * *  ...

  8. 常用电气元件及其符号的标注

    类别:http://www.360doc.com/content/15/0407/23/20688818_461418058.shtml 常用电气元件及其符号的标注 1.电机类: 2.阀类 3.继电器 ...

  9. html页面中常用标记,收集的web页面html中常用的特殊符号大全

    收集的web页面html中常用的特殊符号大全 2007-03-09 00:00:00 作者: 收集的web页面html中常用的特殊符号大全 *特殊符号:·⊙①⊕◎Θ⊙*○¤㊣㈱@の*□*☆** ▲△▼ ...

  10. 常用符号计算机输入法,九种常用输入法特殊符号功能揭密 【计算机与医学】...

    九种常用输入法特殊符号功能揭密 [计算机与医学] Shift+Esc组合键快速调出软键盘,按住Shift键后按动Esc键,就会在多个软键盘之间切换,按Esc键即可关闭软键盘. 极点中文把特殊符号分为2 ...

最新文章

  1. ​shell中经常能看到的:/dev/null 21
  2. 《WinForm开发系列之高级篇》Item2 TCP异步传输
  3. 计算机模拟人工录入,用计算机模拟交互式输入代替人工进行流程录入
  4. ue4模型导出_MAYA动画导出以及导入UE4的方式、方法
  5. sql like 多个条件_都9012年啦,不懂得这些SQL语句优化,你是要吃大亏的
  6. 智能门禁(3)---汉王智能人脸门禁系统
  7. mysql identity_insert_由MYSQL SET IDENTITY_INSERT tablename ON;准确方法
  8. 用python写Hello World
  9. Go开发的程序如何使用加密狗保护
  10. QQ自带截图功能(你想不到的强大, 必看,长截图/翻译/文本识别/钉在桌面/录屏)
  11. 电脑开机后实现自动开启移动热点,再也不用担心没流量了
  12. 魔兽争霸显示比例调整的问题
  13. 今有雉兔同笼c语言编程,Openjudge-计算概论(A)-鸡兔同笼
  14. TVS管好,还是稳压二极管好?
  15. 中国互联网公司亏损能力排行榜
  16. 关于滑动时对背景动态高斯模糊的自定义控件
  17. Unity RayCast容易忽视的地方
  18. 如何让SqlParameter的值为null 传入SQL
  19. 自已做了个hpgl格式文件plt查看器
  20. Learning to Compare: Relation Network 源码调试

热门文章

  1. 洛谷试炼day1:小鱼的游泳时间
  2. ICG-PEG-CHO,吲哚菁绿-聚乙二醇-醛基 荧光染料试剂说明
  3. 实现诺易腾与unity3D实时交互的软件设置
  4. 最多显示当前日期的日期选择对话框(日历)
  5. Python、Java、C++该学哪一个?
  6. 【脱离文档流的三种方法】
  7. 使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页面
  8. Linux系统怎么下wps,在Linux系统中安装使用WPS的方法
  9. 平遥高中计算机题,高中游历平遥古城作文
  10. srio emif 资料