首页 > 代码库 > 做页面时特殊符号的写法技巧总结
做页面时特殊符号的写法技巧总结
使用前：
1，快速创建出各种符号在页面显示
2，确保页面使用utf-8编码
3，不适用与移动端
4，因浏览器不同会造成一定差异
? 箭头类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
? ? \u21E0 \21E0 ? ? \u21E2 \21E2
? ? \u21E1 \21E1 ? ? \u21E3 \21E3
? ? \u219E \219E ? ? \u21A0 \21A0
? ? \u219F \219F ? ? \u21A1 \21A1
← ← \u2190 \2190 → → \u2192 \2192
↑ ↑ \u2191 \2191 ↓ ↓ \u2193 \2193
↔ ↔ \u2194 \2194 ? ? \u2195 \2195
? ? \u21C4 \21C4 ? ? \u21C5 \21C5
? ? \u21A2 \21A2 ? ? \u21A3 \21A3
? ? \u21DE \21DE ? ? \u21DF \21DF
? ? \u21AB \21AB ? ? \u21AC \21AC
? ? \u21DC \21DC ? ? \u21DD \21DD
? ? \u219A \219A ? ? \u219B \219B
? ? \u21AE \21AE ? ? \u21AD \21AD
? ? \u21E6 \21E6 ? ? \u21E8 \21E8
? ? \u21E7 \21E7 ? ? \u21E9 \21E9
▲ ▲ \u25B2 \25B2 ? ? \u25BA \25BA
▼ ▼ \u25BC \25BC ? ? \u25C4 \25C4
? ? \u2794 \2794 ? ? \u2799 \2799
? ? \u27A8 \27A8 ? ? \u27B2 \27B2
? ? \u279C \279C ? ? \u279E \279E
? ? \u279F \279F ? ? \u27A0 \27A0
? ? \u27A4 \27A4 ? ? \u27A5 \27A5
? ? \u27A6 \27A6 ? ? \u27A7 \27A7
? ? \u27B5 \27B5 ? ? \u27B8 \27B8
? ? \u27BC \27BC ? ? \u27BD \27BD
? ? \u27BA \27BA ? ? \u27B3 \27B3
? ? \u21B7 \21B7 ? ? \u21B6 \21B6
? ? \u21BB \21BB ? ? \u21BA \21BA
↵ ↵ \u21B5 \21B5 ? ? \u21AF \21AF
? ? \u27BE \27BE
? 基本形状类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
? ? \u2764 \2764 ? ? \u2708 \2708
★ ★ \u2605 \2605 ? ? \u2726 \2726
? ? \u2600 \2600 ◆ ◆ \u25C6 \25C6
? ? \u25C8 \25C8 ? ? \u25A3 \25A3
? ? \u263B \263B ? ? \u263A \263A
? ? \u2639 \2639 ? ? \u2709 \2709
? ? \u260E \260E ? ? \u260F \260F
? ? \u2706 \2706 ? ? \uFFFD \FFFD
? ? \u2601 \2601 ? ? \u2602 \2602
? ? \u2744 \2744 ? ? \u2603 \2603
? ? \u2748 \2748 ? ? \u273F \273F
? ? \u2740 \2740 ? ? \u2741 \2741
? ? \u2618 \2618 ? ? \u2766 \2766
? ? \u9749 \9749 ? ? \u2742 \2742
? ? \u2625 \2625 ? ? \u262E \262E
? ? \u262F \262F ? ? \u262A \262A
? ? \u2624 \2624 ? ? \u2704 \2704
? ? \u2702 \2702 ? ? \u2638 \2638
? ? \u2693 \2693 ? ? \u2623 \2623
? ? \u26A0 \26A0 ? ? \u26A1 \26A1
? ? \u2622 \2622 ? ? \u267B \267B
? ? \u267F \267F ? ? \u2620 \2620
￥ 货币类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
$ $ \u0024 \0024 ￠ ￠ \u00A2 \00A2
￡ ￡ \u00A3 \00A3 ¤ ¤ \u00A4 \00A4
½ 数学类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
½ ½ \u00BD \00BD ¼ ¼ \u00BC \00BC
¾ ¾ \u00BE \00BE ? ? \u2153 \2153
? ? \u2154 \2154 ? ? \u215B \215B
? ? \u215C \215C ? ? \u215D \215D
‰ ‰ \u2030 \2030 % % \u0025 \0025
< < \u003C \003C > > \u003E \003E
? 音乐符号类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
? ? \u2669 \2669 ? ? \u266A \266A
? ? \u266B \266B ? ? \u266C \266C
? ? \u266D \266D ? ? \u266F \266F
? 对错号
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
\u00A0 \00A0 ? ? \u2610 \2610
? ? \u2611 \2611 ? ? \u2612 \2612
? ? \u2713 \2713 ? ? \u2714 \2714
? ? \u10005 \10005 ? ? \u2716 \2716
? ? \u2717 \2717 ? ? \u2718 \2718
★ 全都是星星
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
★ ★ \u2605 \2605 ? ? \u272D \272D
? ? \u272E \272E ☆ ☆ \u2606 \2606
? ? \u272A \272A ? ? \u2721 \2721
? ? \u272F \272F ? ? \u2735 \2735
? ? \u2736 \2736 ? ? \u2738 \2738
? ? \u2739 \2739 ? ? \u273A \273A
? ? \u2731 \2731 ? ? \u2732 \2732
? ? \u2734 \2734 ? ? \u2733 \2733
? ? \u273B \273B ? ? \u273D \273D
? ? \u274B \274B ? ? \u2746 \2746
? ? \u2744 \2744 ? ? \u2745 \2745
? 星座类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
? ? \u2648 \2648 ? ? \u2649 \2649
? ? \u264A \264A ? ? \u264B \264B
? ? \u264C \264C ? ? \u264D \264D
? ? \u264E \264E ? ? \u264F \264F
? ? \u2650 \2650 ? ? \u2651 \2651
? ? \u2652 \2652 ? ? \u2653 \2653
? 国际象棋类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
? ? \u265A \265A ? ? \u265B \265B
? ? \u265C \265C ? ? \u265D \265D
? ? \u265E \265E ? ? \u265F \265F
? ? \u2654 \2654 ? ? \u2655 \2655
? ? \u2656 \2656 ? ? \u2657 \2657
? ? \u2658 \2658 ? ? \u2659 \2659
♣ 扑克牌类
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
♠ ♠ \u2660 \2660 ♣ ♣ \u2663 \2663
♥ ♥ \u2665 \2665 ♦ ♦ \u2666 \2666
? ? \u2664 \2664 ? ? \u2667 \2667
? ? \u2661 \2661 ? ? \u2662 \2662
Ω 希腊字母
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
Α Α \u0391 \0391 Β Β \u0392 \0392
Γ Γ \u0393 \0393 Δ Δ \u0394 \0394
Ε Ε \u0395 \0395 Ζ Ζ \u0396 \0396
Η Η \u0397 \0397 Θ Θ \u0398 \0398
Ι Ι \u0399 \0399 Κ Κ \u039A \039A
Λ Λ \u039B \039B Μ Μ \u039C \039C
Ν Ν \u039D \039D Ξ Ξ \u039E \039E
Ο Ο \u039F \039F Π Π \u03A0 \03A0
Ρ Ρ \u03A1 \03A1 Σ Σ \u03A3 \03A3
Τ Τ \u03A4 \03A4 Υ Υ \u03A5 \03A5
Φ Φ \u03A6 \03A6 Χ Χ \u03A7 \03A7
Ψ Ψ \u03A8 \03A8 Ω Ω \u03A9 \03A9
? 十字
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
? ? \u2628 \2628 ? ? \u2629 \2629
? ? \u271D \271D ? ? \u271E \271E
? ? \u271F \271F ? ? \u2720 \2720
? ? \u271A \271A † † \u2020 \2020
? ? \u2722 \2722 ? ? \u2724 \2724
? ? \u2723 \2723 ? ? \u2725 \2725
© 法律符号
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
® ® \u00AE \00AE © © \u00A9 \00A9
? ? \u2117 \2117 ™ ™ \u0099 \0099
? ? \u2120 \2120
@ 标点和符号
符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
« « \u00AB \00AB » » \u00BB \00BB
‹ ‹ \u008B \008B › › \u009B \009B
“ “ \u201C \201C ” ” \u201D \201D
‘ ‘ \u2018 \2018 ’ ’ \u2019 \2019
• • \u2022 \2022 ? ? \u25E6 \25E6
¡ ¡ \u00A1 \00A1 ¿ ¿ \u00BF \00BF
℅ ℅ \u2105 \2105 № № \u2116 \2116
& & \u0026 \0026 @ @ \u0040 \0040
? ? \u211E \211E ℃ ℃ \u2103 \2103
℉ ℉ \u2109 \2109 ° ° \u00B0 \00B0
| | \u007C \007C | | \u00A6 \00A6
– – \u2013 \2013 — — \u2014 \2014
… … \u2026 \2026 ¶ ¶ \u00B6 \00B6
～ ～ \u223C \223C ≠ ≠ \u2260
*******************下面是一些补充***************************
第一列编码是用于 HTML 的，如果是数字，你需要在前面加上 &# 符号；如果是字母，你需要在前面加上&，举个例子
10033 应该被写成 ?，而rarr 应该被写成&rarr。
第二列编码用于 CSS 文件中，使用的时候需要用反斜杠 \转义，例如：
2731就要写成\2731。第二列也可以用于 Javascript，和 CSS 有一点区别，前面加上\u来转义。例如2731在javascript中就要写成\u2731
希腊字母
Α Alpha 0391 Β Beta 0392 Γ Gamma0393 Δ Delta 0394 Ε Eplison 0395
Ζ Zeta 0396 Η Eta 0397 Θ Theta 0398 Ι Iota 0399 Κ Kappa 039A
Λ Lambda 039B Μ Mu 039C Ν Nu 039D Ξ Xi 039E Ο Omicron 039F
Π Phi 03A0 Ρ Rho 03A1 Σ Sigma 03A3 Τ Tau 03A4 Υ Upsilon 03A5
Φ Phi 03A6 Χ Chi 03A7 Ψ Psi 03A8 Ω 937 03A9
天空、植物、星座、象棋、扑克牌
? 9789 263D ? 9790 263E ? 9793 2641 ? 9795 2643 ? 9798 2646
♂ 9794 2642 ♀ 9792 2640 ? 9791 263F ? 9796 2644 ? 9797 2645
? 9799 2647 ? 9800 2648 ? 9801 2649 ? 9802 264A ? 9803 264B
? 9804 264C ? 9805 264D ? 9806 264E ? 9807 264F ? 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 ♠ spades 2660
♣ clubs 2663 ♥ hearts 2665 ♦ diams 2666 ? 9828 2664 ? 9831 2667
? 9825 2661 ? 9826 2662
杂项、手、铅笔
? 9787 263B ? 9786 263A ? 9785 2639 ? 9993 2709 ? 9742 260E
? 9743 260F ? 9990 2706 ? 9765 2625 ? 9729 2601 ? 9730 2602
? 10052 2744 ? 9731 2603 ? 10056 2748 ? 10047 273F ? 10048 2740
? 10049 2741 ? 9774 262E ? 10086 2766 ? 10050 2742 ? 9775 262F
? 9770 262A ? 9764 2624 ? 9988 2704 ? 9986 2702 ? 9784 2638
? 9763 2623 ? 9762 2622 ? 9760 2620 ? 9756 261C ? 9758 261E
? 9757 261D ? 9759 261F ? 9996 270C ? 9997 270D ? 9998 270E
? 10000 2710 ? 9999 270F ? 10001 2711 ? 10002 2712
对号、选择符、十字、星星、雪花
? 9744 2610 ? 9745 2611 ? 9746 2612 ? 10003 2713 ? 10004 2714
? 100051 0005 ? 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
法律、货币、数学、音乐
® reg 00AE © copy 00A9 ? 8471 2117 ™ trade 0099 ? 8480 2120
$ 36 0024 ￠ cent 00A2 ￡ pound 00A3 ¤ curren 00A4
做页面时特殊符号的写法技巧总结