h5特殊字符(参考)_h5特殊符号_jiegeng2233的博客-程序员宅基地

技术标签: HTML5  

平时写代码很少用到HTML的特殊字符,最常用的可能是 了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果,现整理如下:

使用方法:

  • 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
  • 编号用在HTML中时,需要在前面加上&#符号;
  • 用于CSS文件中,但是需要用反斜杠\转义;
  • 用于JavaScript,和CSS用法一样,不过要用\u来转义。

需要注意:

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

表格归类:

⇠  箭头类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#8672 \u21E0 \21E0 &#8674 \u21E2 \21E2
&#8673 \u21E1 \21E1 &#8675 \u21E3 \21E3
&#8606 \u219E \219E &#8608 \u21A0 \21A0
&#8607 \u219F \219F &#8609 \u21A1 \21A1
&#8592 \u2190 \2190 &#8594 \u2192 \2192
&#8593 \u2191 \2191 &#8595 \u2193 \2193
&#8596 \u2194 \2194 &#8597 \u2195 \2195
&#8644 \u21C4 \21C4 &#8645 \u21C5 \21C5
&#8610 \u21A2 \21A2 &#8611 \u21A3 \21A3
&#8670 \u21DE \21DE &#8671 \u21DF \21DF
&#8619 \u21AB \21AB &#8620 \u21AC \21AC
&#8668 \u21DC \21DC &#8669 \u21DD \21DD
&#8602 \u219A \219A &#8603 \u219B \219B
&#8622 \u21AE \21AE &#8621 \u21AD \21AD
&#8678 \u21E6 \21E6 &#8680 \u21E8 \21E8
&#8679 \u21E7 \21E7 &#8681 \u21E9 \21E9
&#9650 \u25B2 \25B2 &#9658 \u25BA \25BA
&#9660 \u25BC \25BC &#9668 \u25C4 \25C4
&#10132 \u2794 \2794 &#10137 \u2799 \2799
&#10152 \u27A8 \27A8 &#10162 \u27B2 \27B2
&#10140 \u279C \279C &#10142 \u279E \279E
&#10143 \u279F \279F &#10144 \u27A0 \27A0
&#10148 \u27A4 \27A4 &#10149 \u27A5 \27A5
&#10150 \u27A6 \27A6 &#10151 \u27A7 \27A7
&#10165 \u27B5 \27B5 &#10168 \u27B8 \27B8
&#10172 \u27BC \27BC &#10173 \u27BD \27BD
&#10170 \u27BA \27BA &#10163 \u27B3 \27B3
&#8631 \u21B7 \21B7 &#8630 \u21B6 \21B6
&#8635 \u21BB \21BB &#8634 \u21BA \21BA
&#8629 \u21B5 \21B5 &#8623 \u21AF \21AF
&#10174 \u27BE \27BE        
  基本形状类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#10084 \u2764 \2764 &#9992 \u2708 \2708
&#9733 \u2605 \2605 &#10022 \u2726 \2726
&#9728 \u2600 \2600 &#9670 \u25C6 \25C6
&#9672 \u25C8 \25C8 &#9635 \u25A3 \25A3
&#9787 \u263B \263B &#9786 \u263A \263A
&#9785 \u2639 \2639 &#9993 \u2709 \2709
&#9742 \u260E \260E &#9743 \u260F \260F
&#9990 \u2706 \2706 &#65533 \uFFFD \FFFD
&#9729 \u2601 \2601 &#9730 \u2602 \2602
&#10052 \u2744 \2744 &#9731 \u2603 \2603
&#10056 \u2748 \2748 &#10047 \u273F \273F
&#10048 \u2740 \2740 &#10049 \u2741 \2741
&#9752 \u2618 \2618 &#10086 \u2766 \2766
&#9749 \u9749 \9749 &#10050 \u2742 \2742
&#9765 \u2625 \2625 &#9774 \u262E \262E
&#9775 \u262F \262F &#9770 \u262A \262A
&#9764 \u2624 \2624 &#9988 \u2704 \2704
&#9986 \u2702 \2702 &#9784 \u2638 \2638
&#9875 \u2693 \2693 &#9763 \u2623 \2623
&#9888 \u26A0 \26A0 &#9889 \u26A1 \26A1
&#9762 \u2622 \2622 &#9851 \u267B \267B
&#9855 \u267F \267F &#9760 \u2620 \2620
¥  货币类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
$ &#36 \u0024 \0024 ¢ &#162 \u00A2 \00A2
£ &#163 \u00A3 \00A3 ¤ &#164 \u00A4 \00A4
&#8364 \u20AC \20AC ¥ &#165 \u00A5 \00A5
&#8369 \u20B1 \20B1 &#8377 \u20B9 \20B9
½  数学类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
½ &#189 \u00BD \00BD ¼ &#188 \u00BC \00BC
¾ &#190 \u00BE \00BE &#8531 \u2153 \2153
&#8532 \u2154 \2154 &#8539 \u215B \215B
&#8540 \u215C \215C &#8541 \u215D \215D
&#8240 \u2030 \2030 % &#37 \u0025 \0025
< &#60 \u003C \003C > &#62 \u003E \003E
♫  音乐符号类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#9833 \u2669 \2669 &#9834 \u266A \266A
&#9835 \u266B \266B &#9836 \u266C \266C
&#9837 \u266D \266D &#9839 \u266F \266F
  对错号
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
  &#160 \u00A0 \00A0 &#9744 \u2610 \2610
&#9745 \u2611 \2611 &#9746 \u2612 \2612
&#10003 \u2713 \2713 &#10004 \u2714 \2714
&#10005 \u10005 \10005 &#10006 \u2716 \2716
&#10007 \u2717 \2717 &#10008 \u2718 \2718
★  全都是星星
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#9733 \u2605 \2605 &#10029 \u272D \272D
&#10030 \u272E \272E &#9734 \u2606 \2606
&#10026 \u272A \272A &#10017 \u2721 \2721
&#10031 \u272F \272F &#10037 \u2735 \2735
&#10038 \u2736 \2736 &#10040 \u2738 \2738
&#10041 \u2739 \2739 &#10042 \u273A \273A
&#10033 \u2731 \2731 &#10034 \u2732 \2732
&#10036 \u2734 \2734 &#10035 \u2733 \2733
&#10043 \u273B \273B &#10045 \u273D \273D
&#10059 \u274B \274B &#10054 \u2746 \2746
&#10052 \u2744 \2744 &#10053 \u2745 \2745
  星座类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#9800 \u2648 \2648 &#9801 \u2649 \2649
&#9802 \u264A \264A &#9803 \u264B \264B
&#9804 \u264C \264C &#9805 \u264D \264D
&#9806 \u264E \264E &#9807 \u264F \264F
&#9808 \u2650 \2650 &#9809 \u2651 \2651
&#9810 \u2652 \2652 &#9811 \u2653 \2653
♚  国际象棋类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#9818 \u265A \265A &#9819 \u265B \265B
&#9820 \u265C \265C &#9821 \u265D \265D
&#9822 \u265E \265E &#9823 \u265F \265F
&#9812 \u2654 \2654 &#9813 \u2655 \2655
&#9814 \u2656 \2656 &#9815 \u2657 \2657
&#9816 \u2658 \2658 &#9817 \u2659 \2659
  扑克牌类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#9824 \u2660 \2660 &#9827 \u2663 \2663
&#9829 \u2665 \2665 &#9830 \u2666 \2666
&#9828 \u2664 \2664 &#9831 \u2667 \2667
&#9825 \u2661 \2661 &#9826 \u2662 \2662
Ω  希腊字母
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
Α &#913 \u0391 \0391 Β &#914 \u0392 \0392
Γ &#915 \u0393 \0393 Δ &#916 \u0394 \0394
Ε &#917 \u0395 \0395 Ζ &#918 \u0396 \0396
Η &#919 \u0397 \0397 Θ &#920 \u0398 \0398
Ι &#921 \u0399 \0399 Κ &#922 \u039A \039A
Λ &#923 \u039B \039B Μ &#924 \u039C \039C
Ν &#925 \u039D \039D Ξ &#926 \u039E \039E
Ο &#927 \u039F \039F Π &#928 \u03A0 \03A0
Ρ &#929 \u03A1 \03A1 Σ &#931 \u03A3 \03A3
Τ &#932 \u03A4 \03A4 Υ &#933 \u03A5 \03A5
Φ &#934 \u03A6 \03A6 Χ &#935 \u03A7 \03A7
Ψ &#936 \u03A8 \03A8 Ω &#937 \u03A9 \03A9
☩  十字
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#9768 \u2628 \2628 &#9769 \u2629 \2629
&#10013 \u271D \271D &#10014 \u271E \271E
&#10015 \u271F \271F &#10016 \u2720 \2720
&#10010 \u271A \271A &#8224 \u2020 \2020
&#10018 \u2722 \2722 &#10020 \u2724 \2724
&#10019 \u2723 \2723 &#10021 \u2725 \2725
  法律符号
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
&#174 \u00AE \00AE &#169 \u00A9 \00A9
&#8471 \u2117 \2117 &#153 \u0099 \0099
&#8480 \u2120 \2120        
@  标点和符号
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
« &#171 \u00AB \00AB » &#187 \u00BB \00BB
&#139 \u008B \008B &#155 \u009B \009B
&#8220 \u201C \201C &#8221 \u201D \201D
&#8216 \u2018 \2018 &#8217 \u2019 \2019
&#8226 \u2022 \2022 &#9702 \u25E6 \25E6
¡ &#161 \u00A1 \00A1 ¿ &#191 \u00BF \00BF
&#8453 \u2105 \2105 &#8470 \u2116 \2116
& &#38 \u0026 \0026 @ &#64 \u0040 \0040
&#8478 \u211E \211E &#8451 \u2103 \2103
&#8457 \u2109 \2109 ° &#176 \u00B0 \00B0
| &#124 \u007C \007C ¦ &#166 \u00A6 \00A6
&#8211 \u2013 \2013 &#8212 \u2014 \2014
&#8230 \u2026 \2026 &#182 \u00B6 \00B6
&#8764 \u223C \223C &#8800 \u2260 \2260 


Miscellaneous Symbols

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/jiegeng2233/article/details/53189138

智能推荐

原生js实现Canvas实现拖拽式绘图,支持画笔、线条、箭头、三角形和圆形等等图形绘制功能,有实例Demo_canvas拖拽绘制线条_eguid_1的博客-程序员宅基地

前言需要用到图形绘制,没有找到完整的图形绘制实现,所以自己实现了一个 - -演示地址:查看演示DEMO新版本支持IE5+(你没看错,就是某软的IE浏览器)以上任意浏览器的Canvas绘图:http://blog.csdn.net/eguid_1/article/details/79310269项目维护于github:https://github.com/eguid/graff...

车辆派遣管理系统-12-未收款明细_未收款系统_红颜一笑亡西周的博客-程序员宅基地

功能模块:未收款明细需要角色:任意数据加载:未收款派车单列表、用车单位数据验证:非空验证导出报表:excel文件列表分页:AJAX分页查询业务描述:按所属用车单位统计未收款的派车单信息,可以生成报表点击左侧“查询统计”下的“未收款明细”菜单,在右侧主题区域加载未收款明细子页面,并加载所有派车单的明细信息进行分页显示,选择不同的用车单位查询不同用车单位的未收款明细,查询后可以点击“生成报表”生成查询统计的指定用车单位的未收款明细excel信息。视频演示地址:https://

linux gpio学习笔记(gpiolib)-程序员宅基地

两种不同的gpio框架:1). descriptor-based interface: 基于描述符的接口;2). legacy integer-based interface: 基于整数的接口;1). 基于描述符的gpio在dts中使用:参考:Documentation/gpio/board.txt#include &lt;linux/gpio/consumer.h&gt;foo_device { compatible = "acme,foo"; ... led-gpios = &l

数据分析师之所需要了解的产品系列知识(十一)——数据型(数据知情)公司的构建_TIYI.DOT的博客-程序员宅基地

阅读之前看这里????:博主是正在学习数据分析的一员,博客记录的是在学习过程中一些总结,也希望和大家一起进步,在记录之时,未免存在很多疏漏和不全,如有问题,还请私聊博主指正。博客地址:天阑之蓝的博客,学习过程中不免有困难和迷茫,希望大家都能在这学习的过程中肯定自己,超越自己,最终创造自己。博主之前关于产品和数据的的文章::数据分析师之所需要了解的产品系列知识(一)——产品的演化周期数据分析师之所需要了解的产品系列知识(二)——如何测试产品健康数据分析师之所需要了解的产品系列知识(三)——定义产品

[Cassandra] Cassandra3设置开机自启动_cindysz110的博客-程序员宅基地

 1. 编写开机启动脚本[[email protected] ~]# cd /etc/rc.d/init.d/[[email protected] init.d]# vi cassandra写入以下内容并保存关闭#!/bin/sh# chkconfig: 2345 60 60# description: service for cassandra 3.10, 2018-12-2...

Flink的常见算子和实例代码_flink 代码示例_长臂人猿的博客-程序员宅基地

注意:处理完数据后都是DataStream类型数据。引入包主要为flink-streaming-java这个依赖。import org.apache.flink.api.common.functions.MapFunction;import org.apache.flink.streaming.api.datastream.DataStream;import org.apache.flink.streaming.api.datastream.DataStreamSource;import org

随便推点

安卓设置夜间模式和正常模式_大城小小爱的博客-程序员宅基地

修改theme:name="DayTheme" parent="Theme.AppCompat.Light.DarkActionBar"> name="colorPrimary">@color/colorPrimary name="colorPrimaryDark">@color/colorPrimaryDark name="colorAccent">@c

linux多个文件打包命令行,Linux下文档的压缩和打包命令_yellkies stay的博客-程序员宅基地

首先要弄清两个概念:打包和压缩。打包是指将一大堆文件或目录变成一个总的文件;压缩则是将一个大的文件通过一些压缩算法变成一个小文件。为什么要区分这两个概念呢?这源于Linux中很多压缩程序只能针对一个文件进行压缩,这样当你想要压缩一大堆文件时,你得先将这一大堆文件先打成一个包(tar命令),然后再用压缩程序进行压缩(gzip bzip2命令)。Linux下最常用的打包程序就是tar了,使用tar程序...

大工17春计算机原理在线2,大工17春《计算机组成原理》在线作业2.doc_黄芸芳的博客-程序员宅基地

大工17春《计算机组成原理》在线作业2大工17春《计算机组成原理》在线作业2一、单选题(共 10 道试题,共 50 分。)1. 根据IEEE 754国际标准,短实数浮点数共32位,其中()占8位。A. 阶码B. 尾数C. 符号位D. 以上都不是正确答案:2. 如果使用双符号位时,下列哪一种情况能指出结果为溢出()。A. 00B. 11C. 10D. 以上都不是正确答案:3. 根据IEEE 7...

excel vba 快速获取某工作表最后行数(首列不为空值)_nhcxl的博客-程序员宅基地

Function getlastcell(mysheet As String, Optional startrow As Integer) As Integer  Sheets(mysheet).Select      rowcountinu = False  If startrow = 0 Then     startrow = 2  End If  For i = startrow To st...

推荐文章

热门文章

相关标签