360教程:是一个免费提供流行杀毒软件教程、在线学习分享的学习平台!

总结HTML/CSS中的特殊字符

时间:2023-7-20作者:未知来源:360教程人气:

[摘要]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

关键词:总结HTML/CSS中的特殊字符




Copyright © 2012-2018 360教程(http://www.360sd.cn) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版