文章类型: HTML
关键词: NRC编码字符大全,CSS
内容摘要: NRC编码字符大全

NRC编码字符大全

2016/10/10 13:50:10    来源:apple    阅读:

最近系统改造时,发现有个表单的下拉值是这样的:这里写图片描述,这一下就吸引了我的注意力,这些星星字符是怎么让在html展示的呢?

经查询,星星字符代码是★,那么【’&#’+数字】是一种什么编码呢?

Numeric Character Reference 
numeric character reference(NCR),直译就是数字字符引用。NCR是一种常见的标记结构,用于SGML和其他SGML相似的标记语言,如HTMLXML。它由一个短的字符序列组成,代表一个字符(全球的文字字符)。 
NCR编码是由一个与号(&)跟着一个井号(#), 然后跟着这个字符的Unicode编码值, 最后跟着一个分号组成的。

优点: 
(1) 无视载体文件编码,无论你是gbk编码还是utf-8编码,展示的字符都不会出现乱码,这点就是它存在的原因。 
缺点: 
(1) 浏览器支持度不同,比如字符A在IE浏览器支持,却在chrome浏览器不支持,甚至有可能同一字符在不同浏览器展示的内容不一样(机率非常小),所以使用时,务必在各浏览器上进行测试。 
(2) 移动端对此编码支持度较差,特别是在Window phone下和UC浏览下器,直接无法显示。

如下☟,我将大部分最常使用的字符编码列了出来,并进行了分类,以下字符是同时兼容IE和chrome浏览器的,至于其它浏览器,请自行测试。

以下所列只给出了字符对应的十进制Unicode编码(为了不使浏览器将编码解析为字符,所有的编码都少了后缀-[分号;]),当然你也可以使用16进制的编码,比如星星的十进制编码为:★,你使用&#x2605也可以正常显示(9733的十六进制为2605,你要在十六进制编码前加x表示使用的是十六进制编码)。同理,我们也可以在css中使用NRC字符编码,比如a:after{content:’\2605’},还可以在js中使用,格式:u + 十六进制编码,如u2605。

⇠ 箭头类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#8249&#8250&#8255&#8256

&#8592&#8594&#8593&#8595

&#8596&#8597





&#8598&#8599&#8600&#8601

&#8602&#8603&#8604&#8605

&#8606&#8608&#8607&#8609

&#8610&#8611





&#8612&#8613&#8614&#8615&#8616
&#8617&#8618&#8619&#8620&#8621
&#8622&#8623





&#8624&#8625&#8626&#8627

&#8628&#8629





&#8630&#8631&#8632&#8633

&#8634&#8635





&#8644&#8645&#8646&#8647&#8648
&#8649&#8650&#8651&#8652

&#8653&#8654&#8655&#8656&#8657
&#8658&#8659&#8660&#8661

&#8662&#8663&#8664&#8665

&#8666&#8667





&#8668&#8669&#8670&#8671

&#8672&#8674&#8673&#8675

&#8676&#8677





&#8678&#8680&#8679&#8681&#8682
&#8918&#8919&#8920&#8921

&#9650&#9658&#9660&#9668

&#9754&#9755





&#9756&#9757&#9758&#9759

&#10136&#10137&#10138&#10139

&#10143&#10144&#10145



&#10146&#10147&#10148



&#10149&#10150&#10151&#10152

&#10153&#10154&#10155&#10156&#10157
&#10158&#10159&#10160&#10161&#10162
&#10163&#10164&#10165&#10166

&#10167&#10168&#10169&#10170&#10171
&#10172&#10173&#10174&#9735&#9736

Ⓐ 编号类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9312&#9313&#9314&#9315&#9316
&#9317&#9318&#9319&#9320&#9321
&#9322&#9323&#9324&#9325&#9326
&#9327&#9328&#9329&#9330&#9331
&#12881&#12882&#12883&#12884&#12885
&#12886&#12887&#12888&#12889&#12890
&#12891&#12892&#12893&#12894&#12895
&#12977&#12978&#12979&#12980&#12981
&#12982&#12983&#12984&#12985&#12986
&#12987&#12988&#12989&#12990&#12991
&#10122&#10123&#10124&#10125&#10126
&#10127&#10128&#10129&#10130&#10131
&#9451&#9452&#9453&#9454&#9455
&#9456&#9457&#9458&#9459&#9460
&#9398&#9399&#9400&#9401&#9402
&#9403&#9404&#9405&#9406&#9407
&#9408&#9409&#9410&#9411&#9412
&#9413&#9414&#9415&#9416&#9417
&#9418&#9419&#9420&#9421&#9422
&#9423







&#9424&#9425&#9426&#9427&#9428
&#9429&#9430&#9431&#9432&#9433
&#9434&#9435&#9436&#9437&#9438
&#9439&#9440&#9441&#9442&#9443
&#9444&#9445&#9446&#9447&#9448
&#9449







&#12928&#12929&#12930&#12931&#12932
&#12933&#12934&#12935&#12936&#12937
&#9461&#9462&#9463&#9464&#9465
&#9466&#9467&#9468&#9469&#9470
&#9450







&#12832&#12833&#12834&#12835&#12836
&#12837&#12838&#12839&#12840&#12841

㊕ 文字类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#12939&#12940&#12941&#12942&#12943
&#12938&#12944&#12945&#12946&#12947
&#12948&#12949&#12950&#12951&#12952
&#12953&#12954&#12955&#12956&#12957
&#12958&#12959&#12960&#12961&#12962
&#12963&#12964&#12965&#12966&#12967
&#12968&#12969&#12970&#12971&#12972
&#12973&#12974&#12975&#12976&#13012
&#13013&#13023





&#13179&#13180&#13181&#13182&#13183
&#12842&#12843&#12844&#12845&#12846
&#12847&#12848&#12849&#12850&#12851
&#12852&#12853&#12854&#12855&#12856
&#12857&#12858&#12859&#12860&#12861
&#12862&#12863&#12864&#12865&#12866
&#12867







♣ 扑克牌类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9824&#9827&#9829&#9830
&#9828&#9831&#9825&#9826

¥ 货币类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码
$&#36¢&#162£&#163¤&#164
&#8364¥&#165&#8369&#8377

© 法律符号

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
®&#174©&#169&#8471&#153&#8480
&#8481&#8482





♚ 国际象棋类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9818&#9819&#9820&#9821&#9822
&#9823&#9812&#9813&#9814&#9815
&#9816&#9817





✖ 对错号

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9745&#9746&#9747&#10003&#10004
&#10005&#10006&#10007&#10008&#9989
&#10060&#10062





♒ 星座类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9800&#9801&#9802&#9803&#9804
&#9805&#9806&#9807&#9808&#9809
&#9810&#9811





★ 星星类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#8795&#10862&#10017&#9770&#9885
&#8902&#9733&#9734&#10029&#10030
&#9734&#10022&#10023&#10024&#10025
&#10017&#10026&#10027&#10028&#10029
&#10030&#10031&#10032&#10033&#10034
&#10035&#10036&#10037&#10038&#10039
&#10040&#10041&#10042&#10043&#10044
&#10045&#10046&#10047&#10048&#10049
&#10050&#10051&#10052&#10053&#10054
&#10055&#10056&#10057&#10058&#10059
&#9883&#8273





☀ 天气类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9728&#9729&#9730&#9731&#9732
&#9748&#9788&#9789&#9790&#9924
&#9925







☺ 表情类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9785&#9786&#9787&#9862&#9863
&#9864&#9865





♫ 音乐符号类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9833&#9834&#9835&#9836
&#9837&#9839



☩ 十字符

符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#8224&#8889&#8917&#8903
&#9768&#9769&#9840&#9841
&#10009&#10010&#10011&#10012
&#10013&#10014&#10015&#10016
&#10018&#10020&#10019&#10021

⊕ 圈圈叉叉

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#8853&#8854&#8855&#8856&#8857
&#8858&#8859&#8860&#8861&#10752
&#10753&#10754&#8862&#8863&#8864
&#8865&#9672&#9673&#9674&#9675
&#8886&#8887&#8888



&#9676&#9677&#9678&#9679&#9680
&#9681&#9682&#9683&#9684&#9685
&#10806&#10807&#10808&#10809&#9737
&#9738&#9739&#9740&#9791&#9792
&#9793&#9794&#9890



&#9891&#9892&#9893&#9894&#9895
&#9896&#9897&#9907&#9908&#9909
&#9672&#9635&#9856&#9857&#9858
&#9859&#9860&#9861&#9898&#9899
&#9900&#9901&#9902&#9903&#8984
&#10063&#10064&#10065&#10066

☷ 文件

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9866&#9867&#9868&#9869&#9870
&#9871&#9776&#9777&#9778&#9779
&#9780&#9781&#9782&#9783

❤ 基本形状类

符号十进制编码符号十进制编码符号十进制编码符号十进制编码符号十进制编码
&#9742&#9743&#9749&#9750&#9751
&#9752&#9753&#9760&#9761&#9762
&#9763&#9764&#9765&#9766&#9767
&#9771&#9772&#9773&#9774&#9775
&#9832&#9842&#9843&#9844&#9845
&#9846&#9847&#9848&#9849&#9850
&#9851&#9852&#9853&#9854&#9855
&#9872&#9873&#9874&#9875&#9876
&#9877&#9878&#9879&#9880&#9881
&#9882&#9884&#9888&#9889&#9784
&#9910&#9911&#9912&#9913&#9914
&#9915&#9916&#9917&#9918&#9811
&#9940&#9970&#9971&#9962&#9973
&#9978&#9981&#8796&#8470&#8475
&#9985&#9986&#9987&#9988&#9990
&#9991&#9992&#9993&#9994&#9995
&#9996&#9997&#9998&#9999&#10000
&#10001&#10002&#10067&#10068&#10069
&#10084&#10085&#10086&#10087&#8466

Java转码: 
我们可以使用org.apache.commons.lang.StringEscapeUtils的escapeHtml和unescapeHtml方法,进行字符的转码。

import org.apache.commons.lang.StringEscapeUtils;public class test2 {
    public static void main(String[] args) {
        System.out.println(StringEscapeUtils.escapeHtml("★"));
        System.out.println(StringEscapeUtils.unescapeHtml("★"));
    }

}

输出: 

&#9733 

↑ 上一篇文章:MFC文档视图结构 关键词:MFC文档视图结构 发布日期:2016/10/10 12:04:43
↓ 下一篇文章:文档\视图\框架 解析 关键词:VC,C++,文档,视图,框架,解析 发布日期:2016/10/10 14:23:48
相关文章:
CSS中ul li居中的解决方法 关键词:CSS,div,ul,li,居中,解决,解决方法 发布日期:2016-05-12 11:06
如何使用css设置div滚动条的样式,同时也可改变大小 关键词:css,div,滚动条,大小改变 发布日期:2015-07-17 15:41
html标签及CSS样式汇总 关键词:css,html,网页制作 发布日期:2015-07-14 17:31
相关目录:.NETHTML
我要评论
正在加载评论信息......