特殊字符html,css转义大全

2018-06-24 00:55:27来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

使用方法: 

这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 
下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上&#符号; 
第二列可以用于CSS文件中,但是需要用反斜杠\转义; 
第二列也可以用于javascript,和CSS用法一样,不过要用\u来转义。 

需要主意的是: 

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

只有代码是我自己写的????仅供参考

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7         a{
 8             text-decoration: none;
 9         }
10         /*其中对号是利用旋转45°边框完成的*/
11         a:hover:after {
12         content: "\00A0";/*在标签后添加空内容块*/
13         color: red;
14         position: relative;
15         left:15px;
16         display:inline-block;
17         width: 3px;
18         height: 6px;
19         border: solid red;
20         border-width: 0 2px 2px 0;  
21         -webkit-transform: rotate(45deg);
22         -moz-transform: rotate(45deg);
23         -o-transform: rotate(45deg);
24         }
25         p{
26             font-size: 30px;
27             color: red;
28         }
29         </style>
30     </head>
31     <body>
32         <p>&#160&nbsp;&#8644</p>
33         <a href="#">123</a>
34     </body>
35 </html>
View Code

各种箭头 
? 8672 21E0 
? 8674 21E2 
? 8673 21E1 
? 8675 21E3 
? 8606 219E 
? 8608 21A0 
? 8607 219F 
? 8609 21A1 
← 8592 2190 
→ 8594 2192 
↑ 8593 2191 
↓ 8595 2193 
↔ 8596 2194 
? 8597 2195 
? 8644 21C4 
? 8645 21C5 
? 8610 21A2 
? 8611 21A3 
? 8670 21DE 
? 8671 21DF 
? 8619 21AB 
? 8620 21AC 
? 8668 21DC 
? 8669 21DD 
? 8602 219A 
? 8603 219B 
? 8622 21AE 
? 8621 21AD 

形状 
? 8678 21E6 
? 8680 21E8 
? 8679 21E7 
? 8681 21E9 
? 8631 21B7 
? 8630 21B6 
? 8635 21BB 
? 8634 21BA 
? 10227 27F3 
? 10226 27F2 
? 10224 27F0 
? 10225 27F1 
↵ 8629 21B5 
? 8623 21AF 
? 8693 21F5 

向右的箭头 
? 10132 2794 
? 10137 2799 
? 10152 27A8 
? 10162 27B2 
? 10140 279C 
? 10142 279E 
? 10143 279F 
? 10144 27A0 
? 10148 27A4 
? 10149 27A5 
? 10150 27A6 
? 10151 27A7 
? 10165 27B5 
? 10168 27B8 
? 10172 27BC 
? 10173 27BD 
? 10170 27BA 
? 10163 27B3 
? 10174 27BE 

基本形状 
▲ 9650 25B2 
? 9658 25BA 
▼ 9660 25BC 
? 9668 25C4 
? 10084 2764 
? 9992 2708 
★ 9733 2605 
? 10022 2726 
? 9728 2600 
◆ 9670 25C6 
? 9672 25C8 
? 9635 25A3 

标点 
« 171 00AB 
» 187 00BB 
‹ 139 008B 
› 155 009B 
“ 8220 201C 
” 8221 201D 
‘ 8216 2018 
’ 8217 2019 
• 8226 2022 
? 9702 25E6 
¡ 161 00A1 
¿ 191 00BF 
℅ 8453 2105 
№ 8470 2116 
& 38 0026 
@ 64 0040 
? 8478 211E 
℃ 8451 2103 
℉ 8457 2109 
° 176 00B0 
| 124 007C 
¦ 166 00A6 
– 8211 2013 
— 8212 2014 
… 8230 2026 
¶ 182 00B6 
∼ 8764 223C 
≠ 8800 2260 

法律符号 
® 174 00AE 
© 169 00A9 
? 8471 2117 
™ 153 0099 
? 8480 2120 

货币 
$ 36 0024 
¢ 162 00A2 
£ 163 00A3 
¤ 164 00A4 
€ 8364 20AC 
¥ 165 00A5 
? 8369 20B1 
? 8377 20B9 

数学 
½ 189 00BD 
¼ 188 00BC 
¾ 190 00BE 
? 8531 2153 
? 8532 2154 
? 8539 215B 
? 8540 215C 
? 8541 215D 
‰ 8240 2030 
% 37 0025 
< 60 003C 
> 62 003E 

音乐符号 
? 9833 2669 
? 9834 266A 
? 9835 266B 
? 9836 266C 
? 9837 266D 
? 9839 266F 

对号、错号 
   160 00A0 (空内容)
? 9744 2610 
? 9745 2611 
? 9746 2612 
? 10003 2713 
? 10004 2714 
? 10005 10005 
? 10006 2716 
? 10007 2717 
? 10008 2718 

十字 

? 9768 2628 
? 9769 2629 
? 10013 271D 
? 10014 271E 
? 10015 271F 
? 10016 2720 
? 10010 271A 
† 8224 2020 
? 10018 2722 
? 10020 2724 
? 10019 2723 
? 10021 2725 

星星、星号、雪花 
★ 9733 2605 
? 10029 272D 
? 10030 272E 
☆ 9734 2606 
? 10026 272A 
? 10017 2721 
? 10031 272F 
? 10037 2735 
? 10038 2736 
? 10040 2738 
? 10041 2739 
? 10042 273A 
? 10033 2731 
? 10034 2732 
? 10036 2734 
? 10035 2733 
? 10043 273B 
? 10045 273D 
? 10059 274B 
? 10054 2746 
? 10052 2744 
? 10053 2745 

杂项 
? 9787 263B 
? 9786 263A 
? 9785 2639 
? 9993 2709 
? 9742 260E 
? 9743 260F 
? 9990 2706 
? 65533 FFFD 
? 9729 2601 
? 9730 2602 
? 10052 2744 
? 9731 2603 
? 10056 2748 
? 10047 273F 
? 10048 2740 
? 10049 2741 
? 9752 2618 
? 10086 2766 
? 9749 9749 
? 10050 2742 
? 9765 2625 
? 9774 262E 
? 9775 262F 
? 9770 262A 
? 9764 2624 
? 9988 2704 
? 9986 2702 
? 9784 2638 
? 9875 2693 
? 9763 2623 
? 9888 26A0 
? 9889 26A1 
? 9762 2622 
? 9851 267B 
? 9855 267F 
? 9760 2620 

手型、铅笔、笔 
? 9756 261C 
? 9758 261E 
? 9757 261D 
? 9759 261F 
? 9996 270C 
? 9997 270D 
? 9998 270E 
? 10000 2710 
? 9999 270F 
? 10001 2711 
? 10002 2712 

天空、植物 
? 9789 263D 
? 9790 263E 
♂ 9794 2642 
♀ 9792 2640 
? 9791 263F 
? 9793 2641 
? 9795 2643 
? 9796 2644 
? 9797 2645 
? 9798 2646 
? 9799 2647 

星座 
? 9800 2648 
? 9801 2649 
? 9802 264A 
? 9803 264B 
? 9804 264C 
? 9805 264D 
? 9806 264E 
? 9807 264F 
? 9808 2650 
? 9809 2651 
? 9810 2652 
? 9811 2653 

象棋,扑克牌 
? 9818 265A 
? 9819 265B 
? 9820 265C 
? 9821 265D 
? 9822 265E 
? 9823 265F 
? 9812 2654 
? 9813 2655 
? 9814 2656 
? 9815 2657 
? 9816 2658 
? 9817 2659 
♠ 9824 2660 
♣ 9827 2663 
♥ 9829 2665 
♦ 9830 2666 
? 9828 2664 
? 9831 2667 
? 9825 2661 
? 9826 2662 

希腊字母 
Α 913 0391 
Β 914 0392 
Γ 915 0393 
Δ 916 0394 
Ε 917 0395 
Ζ 918 0396 
Η 919 0397 
Θ 920 0398 
Ι 921 0399 
Κ 922 039A 
Λ 923 039B 
Μ 924 039C 
Ν 925 039D 
Ξ 926 039E 
Ο 927 039F 
Π 928 03A0 
Ρ 929 03A1 
Σ 931 03A3 
Τ 932 03A4 
Υ 933 03A5 
Φ 934 03A6 
Χ 935 03A7 
Ψ 936 03A8 
Ω 937 03A9 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:解决input获取焦点时底部菜单被顶上来问题

下一篇:HTML 提高页面加载速度的方法