首页/网站教程/内容

总结HTML/CSS中的特殊字符

网站教程2024-05-21 阅读()
[摘要]HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了...
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;欧元标识
2&sup2;2上标2,数学中的平方,在数字处理中常用到,例如:10002
?&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;×乘号
÷&pide;÷除号
?&minus;?减号
±&plusmn;±加/减 号
&ne;不等于号
1&sup1;1上标1
2&sup2;2上标2
3&sup3;3上标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;?反向问号

? 箭头类

符号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

以上就是总结HTML/CSS中的特殊字符的详细内容,更多请关注php中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

相关阅读