首頁  >  文章  >  web前端  >  特殊字符html,css轉義大全

特殊字符html,css轉義大全

高洛峰
高洛峰原創
2017-02-21 13:09:472252瀏覽

使用方法: 

這些字元屬於unicode字元集,所以,你的文件需要宣告為UTF-8; 
下面符號列表的後面有兩列編號,它們並不太一樣,第一列是用於html的,你需要在前面加上符號; 
第二列可以用於CSS檔案中,但需要用反斜線轉義; 
第二列也可以用於javascript,和CSS用法一樣,不過要用u來轉義。

需要主意的是: 

有的字元在不同的瀏覽器下表現不太一樣;例如小雪人☃ 在firefox和Chrome下不太一樣,鑽石◆ 在IE下要比Chrome下要大一點兒; 
有的字元在某個瀏覽器下不會顯示;當然原因並不是字元程式碼的問題,而是瀏覽器的bug,例如,–在Chrome下。 。 。 
但是,98%的字元都能在所有瀏覽器下正常顯示的,不過如果你真的要使用,最好仔細在各個瀏覽器下驗證一番。
經過測試這些字元在Android/iOS等智慧終端機的辨識度比較差,所以,使用的時候要特別注意行動瀏覽器~~ 

只有程式碼是我自己寫的僅供參考

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
        a{
            text-decoration: none;
        }
        /*其中对号是利用旋转45°边框完成的*/
        a:hover:after {
        content: "\00A0";/*在标签后添加空内容块*/
        color: red;
        position: relative;
        left:15px;
        display:inline-block;
        width: 3px;
        height: 6px;
        border: solid red;
        border-width: 0 2px 2px 0;  
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        }
        p{
            font-size: 30px;
            color: red;
        }
        </style>
    </head>
    <body>
        <p>&#160 &#8644</p>
        <a href="#">123</a>
    </body>
</html>

各种箭头 
⇠ 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 
a593a16a6959a632efd1b6455952476e 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 #274257653 
☯ 9775 262F 
☪ 9770 262A 
☤ 9764 2624 
✄ 9988 2704 
✂ 9986 2702 
☸ 9784 26381
⚓ 
☸ 9875 ☸ 888 26A0 
⚡ 9889 26A1 
☢ 9762 2622 
♻ 9851 267B 
♿ 9855 267F 
☠ 9760 2620 

#手型、鉛筆、筆  9760 2620 

1212157512621 # ☝ 9757 261D 
☟ 9759 261F 
9996 270C 
✍ 9997 270D 
✎ 9998 270E  270D 
✎ 9998 270E # 070E
✑ 10001 2711 
✒ 10002 2712 

天空、植物 
☽ 9789 263D 
☾ 9790 263E 
##♂ 9794 2642 
o0 9792 2640 # 2640 ##♃ 9795 2643 
♄ 9796 2644 
♅ 9797 2645 
♆ 9798 2646 
♇ 9799 2647 1# 2018 2649 
♊ 9802 264A 
♋ 9803 264B 
♌ 9804 264C 
♍ 9805 264D 
♎ 9806 264E
♏¦
809 2651 
♒ 9810 2652 
♓ 9811 2653 

#象棋,撲克牌 
♚ 9818 265A 
♛ 9819 265B 
♜ 9820 265C 
♝ 98 ♟ 9823 265F 
♔ 9812 2654 
♕ 9813 2655 
♖ 9814 2656 
♗ 9815 26571
♘ 
♗ 9816 ♗ 824 2660 
♣ 9827 2663 
♥ 9829 2665 
♦ 9830 2666 
♤ 9828 2664 
♧ 9831 2667 
♡ 9825 2661  9831 2667 
♡ 9825 2661 #⠢# 91 
Β 914 0392 
Γ 915 0393 
Δ 916 0394 
Ε 917 0395 
Ζ 918 0396 
Η 919 0397 
Κ 922 039A 
Λ 923 039B 
Μ 924 039C 
Ν 925 039D 
926 039E 
Ο 927 039F 9039F 1 
Σ 931 03A3 
Τ 932 03A4 
Υ 933 03A5 
Φ 934 03A6 
Χ 935 03A7 
¨ 936 03A#Χ 935 03A7 
¨ 936 03A#Χ 935 03A7 
¨ 936 03A#Χ 935 03A7 
3轉義大全相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn