HTML CSS 特殊字符表

转自CSDN博客:http://blog.csdn.net/bluestarf/article/details/40652011

HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。

简单的介绍一下其使用方法:

1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“

2、列表符号后面有两列编号,第一列编号用于HTML文档中,需要在编号前面加上“&#”符号,比如说“向左箭头”符号对应的HTML编号是:“8672”,那么在文档中需要写成“&#8672”;第二列编号用于CSS文档中,需要在编号前面加上反斜杠“”进行转义,比如说“向左箭头”符号对应的CSS编号是:“21E0”,那么在文档中需要写成“21E0”;同时第二列也可以用于JavaScript文档中,需要在编号前面加上“u”来进行转义,比如说“向左箭头”符号,在JavaScript文档中,我们就要写成“u21E0”.

使用的方法很简单,但要用好,我们还是需要注意一些细节上的要求:

1、有的字符在不同的浏览器下表现不太一样,比如“小雪人”在Firefox和Chrome下不太一样;

2、有的字符在某个浏览器下不会显示;

3、为了不造成损失,使用字符编码来代替某些符号时,请注意各个浏览器进行测试;

4、移动端对此支持度较差,特别是在Window phone下和UC浏览下器,直接无法显示。

基于上面几个不足之处,大家在使用过程请考虑周详,详细的列表请看:

目录

  1.   箭头类
  2.   基本形状类
  3.   货币类
  4.   数学类
  5.   音乐符号类
  6.   对错号
  7.   全都是星星
  8.   星座类
  9.   国际象棋类
  10.   扑克牌类
  11.   希腊字母
  12.   十字
  13.   法律符号
  14.   标点和符号

⇠  箭头类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#8672u21E021E0&#8674u21E221E2
&#8673u21E121E1&#8675u21E321E3
&#8606u219E219E&#8608u21A021A0
&#8607u219F219F&#8609u21A121A1
&#8592u21902190&#8594u21922192
&#8593u21912191&#8595u21932193
&#8596u21942194&#8597u21952195
&#8644u21C421C4&#8645u21C521C5
&#8610u21A221A2&#8611u21A321A3
&#8670u21DE21DE&#8671u21DF21DF
&#8619u21AB21AB&#8620u21AC21AC
&#8668u21DC21DC&#8669u21DD21DD
&#8602u219A219A&#8603u219B219B
&#8622u21AE21AE&#8621u21AD21AD
&#8678u21E621E6&#8680u21E821E8
&#8679u21E721E7&#8681u21E921E9
&#9650u25B225B2&#9658u25BA25BA
&#9660u25BC25BC&#9668u25C425C4
&#10132u27942794&#10137u27992799
&#10152u27A827A8&#10162u27B227B2
&#10140u279C279C&#10142u279E279E
&#10143u279F279F&#10144u27A027A0
&#10148u27A427A4&#10149u27A527A5
&#10150u27A627A6&#10151u27A727A7
&#10165u27B527B5&#10168u27B827B8
&#10172u27BC27BC&#10173u27BD27BD
&#10170u27BA27BA&#10163u27B327B3
&#8631u21B721B7&#8630u21B621B6
&#8635u21BB21BB&#8634u21BA21BA
&#8629u21B521B5&#8623u21AF21AF
&#10174u27BE27BE    

❤  基本形状类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#10084u27642764&#9992u27082708
&#9733u26052605&#10022u27262726
&#9728u26002600&#9670u25C625C6
&#9672u25C825C8&#9635u25A325A3
&#9787u263B263B&#9786u263A263A
&#9785u26392639&#9993u27092709
&#9742u260E260E&#9743u260F260F
&#9990u27062706&#65533uFFFDFFFD
&#9729u26012601&#9730u26022602
&#10052u27442744&#9731u26032603
&#10056u27482748&#10047u273F273F
&#10048u27402740&#10049u27412741
&#9752u26182618&#10086u27662766
&#9749u97499749&#10050u27422742
&#9765u26252625&#9774u262E262E
&#9775u262F262F&#9770u262A262A
&#9764u26242624&#9988u27042704
&#9986u27022702&#9784u26382638
&#9875u26932693&#9763u26232623
&#9888u26A026A0&#9889u26A126A1
&#9762u26222622&#9851u267B267B
&#9855u267F267F&#9760u26202620

¥  货币类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
$&#36u0024�024¢&#162u00A2�0A2
£&#163u00A3�0A3¤&#164u00A4�0A4
&#8364u20AC20AC¥&#165u00A5�0A5
&#8369u20B120B1&#8377u20B920B9

½  数学类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
½&#189u00BD�0BD¼&#188u00BC�0BC
¾&#190u00BE�0BE&#8531u21532153
&#8532u21542154&#8539u215B215B
&#8540u215C215C&#8541u215D215D
&#8240u20302030%&#37u0025�025
<&#60u003C�03C>&#62u003E�03E

♫  音乐符号类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9833u26692669&#9834u266A266A
&#9835u266B266B&#9836u266C266C
&#9837u266D266D&#9839u266F266F

✖  对错号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
 &#160u00A0�0A0&#9744u26102610
&#9745u26112611&#9746u26122612
&#10003u27132713&#10004u27142714
&#10005u1000510005&#10006u27162716
&#10007u27172717&#10008u27182718

★  全都是星星

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9733u26052605&#10029u272D272D
&#10030u272E272E&#9734u26062606
&#10026u272A272A&#10017u27212721
&#10031u272F272F&#10037u27352735
&#10038u27362736&#10040u27382738
&#10041u27392739&#10042u273A273A
&#10033u27312731&#10034u27322732
&#10036u27342734&#10035u27332733
&#10043u273B273B&#10045u273D273D
&#10059u274B274B&#10054u27462746
&#10052u27442744&#10053u27452745

♒  星座类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9800u26482648&#9801u26492649
&#9802u264A264A&#9803u264B264B
&#9804u264C264C&#9805u264D264D
&#9806u264E264E&#9807u264F264F
&#9808u26502650&#9809u26512651
&#9810u26522652&#9811u26532653

♚  国际象棋类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9818u265A265A&#9819u265B265B
&#9820u265C265C&#9821u265D265D
&#9822u265E265E&#9823u265F265F
&#9812u26542654&#9813u26552655
&#9814u26562656&#9815u26572657
&#9816u26582658&#9817u26592659

♣  扑克牌类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9824u26602660&#9827u26632663
&#9829u26652665&#9830u26662666
&#9828u26642664&#9831u26672667
&#9825u26612661&#9826u26622662

Ω  希腊字母

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
Α&#913u0391�391Β&#914u0392�392
Γ&#915u0393�393Δ&#916u0394�394
Ε&#917u0395�395Ζ&#918u0396�396
Η&#919u0397�397Θ&#920u0398�398
Ι&#921u0399�399Κ&#922u039A�39A
Λ&#923u039B�39BΜ&#924u039C�39C
Ν&#925u039D�39DΞ&#926u039E�39E
Ο&#927u039F�39FΠ&#928u03A0�3A0
Ρ&#929u03A1�3A1Σ&#931u03A3�3A3
Τ&#932u03A4�3A4Υ&#933u03A5�3A5
Φ&#934u03A6�3A6Χ&#935u03A7�3A7
Ψ&#936u03A8�3A8Ω&#937u03A9�3A9

☩  十字

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9768u26282628&#9769u26292629
&#10013u271D271D&#10014u271E271E
&#10015u271F271F&#10016u27202720
&#10010u271A271A&#8224u20202020
&#10018u27222722&#10020u27242724
&#10019u27232723&#10021u27252725

©  法律符号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
®&#174u00AE�0AE©&#169u00A9�0A9
&#8471u21172117&#153u0099�099
&#8480u21202120    

@  标点和符号

 

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
«&#171u00AB�0AB»&#187u00BB�0BB
&#139u008B�08B&#155u009B�09B
&#8220u201C201C&#8221u201D201D
&#8216u20182018&#8217u20192019
&#8226u20222022&#9702u25E625E6
¡&#161u00A1�0A1¿&#191u00BF�0BF
&#8453u21052105&#8470u21162116
&&#38u0026�026@&#64u0040�040
&#8478u211E211E&#8451u21032103
&#8457u21092109°&#176u00B0�0B0
|&#124u007C�07C¦&#166u00A6�0A6
&#8211u20132013&#8212u20142014
&#8230u20262026&#182u00B6�0B6
&#8764u223C223C&#8800u22602260

 

总结归类:

1.特色的
©&copy;©版权标志
| |竖线,常用作菜单或导航中的分隔符
·&middot;·圆点,有时被用来作为菜单分隔符
&uarr;上箭头,常用作网页“返回页面顶部”标识
&euro;欧元标识
²&sup2;²上标2,数学中的平方,在数字处理中常用到,例如:1000²
½&frac12;½二分之一
&hearts;心型,用来表达你的心
2常用的
 &nbsp; 空格
&&amp;&and符号,与
&quot;引号
©&copy;©版权标志
®&reg;»注册标志
&trade;商标标志
&ldquo;左双引号
&rdquo;右双引号
&lsquo;做单引号
&rsquo;右单引号
«&laquo;«左三角双引号
»&raquo;»右三角双引号
&lsaquo;左三角单引号
&rsaquo;右三角单引号
§&sect;§章节标志
&para;段落标志
&bull;列表圆点(大)
·&middot;·列表圆点(中)
&hellip;省略号
| |竖线
¦&brvbar;¦断的竖线
&ndash;短破折号
&mdash;长破折号
3.货币类
¤&curren;¤一般货币符号
$ $美元符号
¢&cent;¢
£&pound;£英镑
¥&yen;¥日元
&euro;欧元
4 数学类
<&lt;<小于号
>&gt;>大于号
&le;小于等于号
&ge;大于等于号
×&times;×乘号
÷&divide;÷除号
&minus;减号
±&plusmn;±加/减 号
&ne;不等于号
¹&sup1;¹上标1
²&sup2;²上标2
³&sup3;³上标3
½&frac12;½二分之一
¼&frac14;¼四分之一
¾&frac34;¾四分之三
&permil;千分率
°&deg;°
&radic;平方根
&infin;无限大
5.方向类
&larr;左箭头
&uarr;上箭头
&rarr;右箭头
&darr;下箭头
&harr;左右箭头
&crarr;回车箭头
&lceil;左上限
&rceil;右上限
&lfloor;左下限
&rfloor;右下限
6 其它

 

&spades;黑桃
&clubs;梅花
&hearts;红桃,心
&diams;方块牌
&loz;菱形
&dagger;匕首
&Dagger;双剑号
¡&iexcl;¡反向感叹号
¿&iquest;¿反向问号

 

 

 

原文:http://zhengmifan.com/news/notebook/801

转载于:https://www.cnblogs.com/meypro/p/6381830.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/356210.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

北京人文计算机学院,北京人文大学计算机信息工程学院举行元旦晚会

2011年12月28日晚上8时许&#xff0c;北京人文大学第一阶梯教室座无虚席&#xff0c;计算机信息工程学院“2011年元旦晚会”在这里隆重举行。计算机信息工程学院副院长林月珍、喻新和&#xff0c;团委书记李四辈老师&#xff0c;学生处副处长肖淑芬老师&#xff0c;学生处副处长…

teamcity_TeamCity工件:HTTP,Ant,Gradle和Maven

teamcity您可以通过几种方式检索TeamCity工件&#xff1f; 我说有很多选择 &#xff01; 如果您使用的是Java构建工具&#xff0c;那么可以使用简单的HTTP请求&#xff0c;Ant Ivy&#xff0c;Gradle和Maven下载和使用TeamCity构建配置产生的二进制文件。 怎么样&#xff1f; …

arcgis双标准纬线等角圆锥投影_世界地图是怎么制作出来的,各投影算法的来历...

今天小编带大家了解一下下&#xff0c;目前通用的世界地图是怎样作出来的。一、通用的世界地图版本——“墨卡托投影”16世纪早期&#xff0c;正值大航海时代&#xff0c;航海家们发现很难将他们的航线画在图上&#xff0c;如何将球面上的一部分绘制在平面上&#xff0c;用直线…

js区分大小写

JavaScript 区分大小写 区分大小写 JavaScript 语言是区分大小写的&#xff0c;不管是命名变量还是使用关键字的时候。 如前面 alert弹出提示框 的例子&#xff0c;如果将 alert 命令改为 ALERT 或者 alerT 等&#xff1a; <html> <head> <script type"tex…

测试双打:模拟,假人和存根

大多数班级都有合作者。 在进行单元测试时&#xff0c;您通常希望避免使用那些协作者的实际实现方式来避免测试的脆弱性和绑定/耦合&#xff0c;而应使用测试双打&#xff1a;模拟&#xff0c;存根和双打。 本文引用了有关该主题的两篇现有文章&#xff1a;Martin Fowler的Mock…

计算机的iscsi配置,PC端的iSCSI参数设置方法

PC端的iSCSI参数设置方法上面介绍完NAS端的设置&#xff0c;接下来再来给大家介绍一下PC端的iSCSI设置&#xff0c;主要是实现在PC端上连接使用NAS上的iSCSI存储空间&#xff0c;这里我们以Windows 7 SP1系统为例(Windows8上的设置基本与之类似)。1.首先打开控制面板&#xff0…

纸筒制作机器人_5个万圣节小手工,带孩子一起动手制作,简单又有趣!

在西方国家&#xff0c;除了圣诞节&#xff0c;最受期待的节日莫过于是十月底的万圣节了&#xff0c;提起这个节日&#xff0c;这五大元素可以说是不错的体现&#xff1a;搞怪的南瓜、可爱的蜘蛛、萌萌哒蝙蝠、点睛之笔的蜡烛&#xff0c;以及可以用来迎客的门饰。今天我们就来…

一些常用正则表达式片段的分析

前言&#xff1a; 明天就要奔赴上海了&#xff0c;希望是个好的开始&#xff0c;好久没用正则表达式了&#xff0c;还好之前好好学习过&#xff0c;捡起来也是很容易&#xff0c;好了&#xff0c;为了才重回巅峰状态&#xff0c;想要入门的可以给大家推荐几篇文章&#xff0c; …

计算机应用昨早领域,计算机应用-第1章.ppt

计算机应用-第1章课程简介 本课程的主要任务是通过讲课和练习&#xff0c;使同学们明确计算机整体概念。掌握计算机中的数制及其表示和运算、计算机系统的基本组成和基本工作原理、典型系统软件和应用软件的使用&#xff0c;以及网络与多媒体的基础知识。培养大家触类旁通的应用…

原理c++_浅谈C/S和B/S架构的工作原理及优缺点

C/S架构一、C/S架构及其背景C/S架构是一种比较早的软件架构&#xff0c;主要应用于局域网内。在这之前经历了集中计算模式&#xff0c;随着计算机网络的进步与发展&#xff0c;尤其是可视化工具的应用&#xff0c;出现过两层C/S和三层C/S架构&#xff0c;不过一直很流行也比较经…

java笔记之线程方式1启动线程

* 需求&#xff1a;我们要实现多线程的程序。 * 如何实现呢? * 由于线程是依赖进程而存在的&#xff0c;所以我们应该先创建一个进程出来。 * 而进程是由系统创建的&#xff0c;所以我们应该去调用系统功能创建一个进程。 * Java是不能直接调用系统功能的&#xff0c;所…

2015年Devoxx比利时–最后的想法

好吧&#xff0c;另一个Devoxx对我而言已经结束了&#xff0c;它必须是第六次中的第五次&#xff08;或更多次&#xff09;不记得说实话。 距离我上次上任已经3年了&#xff0c;所以有点回头了。 Devoxx&#xff08;比利时&#xff09;正在成长&#xff0c;实际上这是我第一次…

全国职业院校技能大赛软件测试题目,我院荣获2017年全国职业院校技能大赛软件测试赛项一等奖...

6月6日&#xff0c;2017年全国职业院校技能大赛“软件测试”赛项在河南许昌落下帷幕&#xff0c;共有来自全国29个省市(自治区)的87支代表队261名选手参加比赛。由我院计算机系陈爽、张冬雪、侯博睿等三名同学组成的北京市第二代表队荣获大赛一等奖(第五名)。王红霞、温绍洁荣获…

ntp如何确认与服务器偏差_CentOS 8 启用 NTP 服务

NTP 服务是什么和为什么我们需要在我们的服务器启用 NTP 服务&#xff1f;可能很多人都不是非常了解&#xff0c;简单来说就是我们希望我们服务器的时间是准确的没有偏差的。这个的意义在数据插入和你程序取得计算机时间的时候是准确的。比如说在 java 中如果 new date() 将会获…

JavaFX上手--第1天

1.第一个JavaFX Application JavaFX 使用Java来制作可视化图形&#xff0c;可以做动画和3D效果&#xff0c;JavaFX从JDK中直接使用。 package application;import javafx.application.Application; import javafx.stage.Stage; import javafx.scene.Scene; import javafx.scene…

年月日软件测试用例的设计,实验三日期题白盒测试用例设计.doc

实验三日期题白盒测试用例设计日期问题白盒测试用例的设计(实验时间2012.3.21)一、实验目的1&#xff0e;熟练掌握如何运用基路径测试方法进行测试用例设计。二、实验内容1、题目前一日函数PreDate是NextDate的逆函数(代码实现见下)&#xff0c;实现功能为&#xff1a;输入1800…

机制 linux_从一道面试题谈linux下fork的运行机制

今天一位朋友去一个不错的外企面试linux开发职位&#xff0c;面试官出了一个如下的题目&#xff1a;给出如下C程序&#xff0c;在linux下使用gcc编译&#xff1a;#include "stdio.h"#include "sys/types.h"#include "unistd.h"int main(){pid_t …

p1417 烹调方案_Java 8的烹调方式–拼图项目

p1417 烹调方案什么是Project Jigsaw&#xff1a;Project Jigsaw是使Java编译器模块知道的项目。 多年以来&#xff0c;Java API一直是单块的&#xff0c;即从代码的任何部分都可以平等地看到整个API。 还没有任何方法可以声明代码对任何其他用户库的依赖关系。 拼图项目试图以…

jQuery progression 表单进度

progression.js是一款表单输入完成进度插件。支持自定义提示框大小、方向、左边、动画效果、间距等&#xff0c;也支持是否显示进度条、字体大小、颜色、背景色等。 在线实例 实例演示 使用方法 <form id"myform"> <p> <label>点击一个…

教学案例 计算机,宁夏计算机教学案例

宁夏计算机教学案例&#xff0c;答辩老师不仔细看**跟他们发现不了你**中的问题根本是两个概念。宁夏计算机教学案例&#xff0c; 生手指从未使用过计算机系统的学习者。他们不熟悉计算机的操作&#xff0c;缺乏有关计算机系统的知识。他们对计算机会产生一种陌生的感觉。新手指…