转载地址：http://blog.csdn.net/bluestarf/article/details/40652011

转载原文地址：http://zhengmifan.com/news/notebook/801

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浏览下器，直接无法显示。

基于上面几个不足之处，大家在使用过程请考虑周详，详细的列表请看：

 

⇠  箭头类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
⇠ &#8672 u21E0 21E0 ⇢ &#8674 u21E2 21E2
⇡ &#8673 u21E1 21E1 ⇣ &#8675 u21E3 21E3
↞ &#8606 u219E 219E ↠ &#8608 u21A0 21A0
↟ &#8607 u219F 219F ↡ &#8609 u21A1 21A1
← &#8592 u2190 2190 → &#8594 u2192 2192
↑ &#8593 u2191 2191 ↓ &#8595 u2193 2193
↔ &#8596 u2194 2194 ↕ &#8597 u2195 2195
⇄ &#8644 u21C4 21C4 ⇅ &#8645 u21C5 21C5
↢ &#8610 u21A2 21A2 ↣ &#8611 u21A3 21A3
⇞ &#8670 u21DE 21DE ⇟ &#8671 u21DF 21DF
↫ &#8619 u21AB 21AB ↬ &#8620 u21AC 21AC
⇜ &#8668 u21DC 21DC ⇝ &#8669 u21DD 21DD
↚ &#8602 u219A 219A ↛ &#8603 u219B 219B
↮ &#8622 u21AE 21AE ↭ &#8621 u21AD 21AD
⇦ &#8678 u21E6 21E6 ⇨ &#8680 u21E8 21E8
⇧ &#8679 u21E7 21E7 ⇩ &#8681 u21E9 21E9
▲ &#9650 u25B2 25B2 ► &#9658 u25BA 25BA
▼ &#9660 u25BC 25BC ◄ &#9668 u25C4 25C4
➔ &#10132 u2794 2794 ➙ &#10137 u2799 2799
➨ &#10152 u27A8 27A8 ➲ &#10162 u27B2 27B2
➜ &#10140 u279C 279C ➞ &#10142 u279E 279E
➟ &#10143 u279F 279F ➠ &#10144 u27A0 27A0
➤ &#10148 u27A4 27A4 ➥ &#10149 u27A5 27A5
➦ &#10150 u27A6 27A6 ➧ &#10151 u27A7 27A7
➵ &#10165 u27B5 27B5 ➸ &#10168 u27B8 27B8
➼ &#10172 u27BC 27BC ➽ &#10173 u27BD 27BD
➺ &#10170 u27BA 27BA ➳ &#10163 u27B3 27B3
↷ &#8631 u21B7 21B7 ↶ &#8630 u21B6 21B6
↻ &#8635 u21BB 21BB ↺ &#8634 u21BA 21BA
↵ &#8629 u21B5 21B5 ↯ &#8623 u21AF 21AF
➾ &#10174 u27BE 27BE        

❤  基本形状类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
❤ &#10084 u2764 2764 ✈ &#9992 u2708 2708
★ &#9733 u2605 2605 ✦ &#10022 u2726 2726
☀ &#9728 u2600 2600 ◆ &#9670 u25C6 25C6
◈ &#9672 u25C8 25C8 ▣ &#9635 u25A3 25A3
☻ &#9787 u263B 263B ☺ &#9786 u263A 263A
☹ &#9785 u2639 2639 ✉ &#9993 u2709 2709
☎ &#9742 u260E 260E ☏ &#9743 u260F 260F
✆ &#9990 u2706 2706 � &#65533 uFFFD FFFD
☁ &#9729 u2601 2601 ☂ &#9730 u2602 2602
❄ &#10052 u2744 2744 ☃ &#9731 u2603 2603
❈ &#10056 u2748 2748 ✿ &#10047 u273F 273F
❀ &#10048 u2740 2740 ❁ &#10049 u2741 2741
☘ &#9752 u2618 2618 ❦ &#10086 u2766 2766
☕ &#9749 u9749 9749 ❂ &#10050 u2742 2742
☥ &#9765 u2625 2625 ☮ &#9774 u262E 262E
☯ &#9775 u262F 262F ☪ &#9770 u262A 262A
☤ &#9764 u2624 2624 ✄ &#9988 u2704 2704
✂ &#9986 u2702 2702 ☸ &#9784 u2638 2638
⚓ &#9875 u2693 2693 ☣ &#9763 u2623 2623
⚠ &#9888 u26A0 26A0 ⚡ &#9889 u26A1 26A1
☢ &#9762 u2622 2622 ♻ &#9851 u267B 267B
♿ &#9855 u267F 267F ☠ &#9760 u2620 2620

¥  货币类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
$ &#36 u0024 �024 ¢ &#162 u00A2 �0A2
£ &#163 u00A3 �0A3 ¤ &#164 u00A4 �0A4
€ &#8364 u20AC 20AC ¥ &#165 u00A5 �0A5
₱ &#8369 u20B1 20B1 ₹ &#8377 u20B9 20B9

½  数学类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
½ &#189 u00BD �0BD ¼ &#188 u00BC �0BC
¾ &#190 u00BE �0BE ⅓ &#8531 u2153 2153
⅔ &#8532 u2154 2154 ⅛ &#8539 u215B 215B
⅜ &#8540 u215C 215C ⅝ &#8541 u215D 215D
‰ &#8240 u2030 2030 % &#37 u0025 �025
< &#60 u003C �03C > &#62 u003E �03E

♫  音乐符号类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
♩ &#9833 u2669 2669 ♪ &#9834 u266A 266A
♫ &#9835 u266B 266B ♬ &#9836 u266C 266C
♭ &#9837 u266D 266D ♯ &#9839 u266F 266F

✖  对错号

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
  &#160 u00A0 �0A0 ☐ &#9744 u2610 2610
☑ &#9745 u2611 2611 ☒ &#9746 u2612 2612
✓ &#10003 u2713 2713 ✔ &#10004 u2714 2714
✕ &#10005 u10005 10005 ✖ &#10006 u2716 2716
✗ &#10007 u2717 2717 ✘ &#10008 u2718 2718

★  全都是星星

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
★ &#9733 u2605 2605 ✭ &#10029 u272D 272D
✮ &#10030 u272E 272E ☆ &#9734 u2606 2606
✪ &#10026 u272A 272A ✡ &#10017 u2721 2721
✯ &#10031 u272F 272F ✵ &#10037 u2735 2735
✶ &#10038 u2736 2736 ✸ &#10040 u2738 2738
✹ &#10041 u2739 2739 ✺ &#10042 u273A 273A
✱ &#10033 u2731 2731 ✲ &#10034 u2732 2732
✴ &#10036 u2734 2734 ✳ &#10035 u2733 2733
✻ &#10043 u273B 273B ✽ &#10045 u273D 273D
❋ &#10059 u274B 274B ❆ &#10054 u2746 2746
❄ &#10052 u2744 2744 ❅ &#10053 u2745 2745

♒  星座类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
♈ &#9800 u2648 2648 ♉ &#9801 u2649 2649
♊ &#9802 u264A 264A ♋ &#9803 u264B 264B
♌ &#9804 u264C 264C ♍ &#9805 u264D 264D
♎ &#9806 u264E 264E ♏ &#9807 u264F 264F
♐ &#9808 u2650 2650 ♑ &#9809 u2651 2651
♒ &#9810 u2652 2652 ♓ &#9811 u2653 2653

♚  国际象棋类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
♚ &#9818 u265A 265A ♛ &#9819 u265B 265B
♜ &#9820 u265C 265C ♝ &#9821 u265D 265D
♞ &#9822 u265E 265E ♟ &#9823 u265F 265F
♔ &#9812 u2654 2654 ♕ &#9813 u2655 2655
♖ &#9814 u2656 2656 ♗ &#9815 u2657 2657
♘ &#9816 u2658 2658 ♙ &#9817 u2659 2659

♣  扑克牌类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
♠ &#9824 u2660 2660 ♣ &#9827 u2663 2663
♥ &#9829 u2665 2665 ♦ &#9830 u2666 2666
♤ &#9828 u2664 2664 ♧ &#9831 u2667 2667
♡ &#9825 u2661 2661 ♢ &#9826 u2662 2662

Ω  希腊字母

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
Α &#913 u0391 �391 Β &#914 u0392 �392
Γ &#915 u0393 �393 Δ &#916 u0394 �394
Ε &#917 u0395 �395 Ζ &#918 u0396 �396
Η &#919 u0397 �397 Θ &#920 u0398 �398
Ι &#921 u0399 �399 Κ &#922 u039A �39A
Λ &#923 u039B �39B Μ &#924 u039C �39C
Ν &#925 u039D �39D Ξ &#926 u039E �39E
Ο &#927 u039F �39F Π &#928 u03A0 �3A0
Ρ &#929 u03A1 �3A1 Σ &#931 u03A3 �3A3
Τ &#932 u03A4 �3A4 Υ &#933 u03A5 �3A5
Φ &#934 u03A6 �3A6 Χ &#935 u03A7 �3A7
Ψ &#936 u03A8 �3A8 Ω &#937 u03A9 �3A9

☩  十字

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
☨ &#9768 u2628 2628 ☩ &#9769 u2629 2629
✝ &#10013 u271D 271D ✞ &#10014 u271E 271E
✟ &#10015 u271F 271F ✠ &#10016 u2720 2720
✚ &#10010 u271A 271A † &#8224 u2020 2020
✢ &#10018 u2722 2722 ✤ &#10020 u2724 2724
✣ &#10019 u2723 2723 ✥ &#10021 u2725 2725

©  法律符号

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
® &#174 u00AE �0AE © &#169 u00A9 �0A9
℗ &#8471 u2117 2117 ™ &#153 u0099 �099
℠ &#8480 u2120 2120        

@  标点和符号

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
« &#171 u00AB �0AB » &#187 u00BB �0BB
‹ &#139 u008B �08B › &#155 u009B �09B
“ &#8220 u201C 201C ” &#8221 u201D 201D
‘ &#8216 u2018 2018 ’ &#8217 u2019 2019
• &#8226 u2022 2022 ◦ &#9702 u25E6 25E6
¡ &#161 u00A1 �0A1 ¿ &#191 u00BF �0BF
℅ &#8453 u2105 2105 № &#8470 u2116 2116
& &#38 u0026 �026 @ &#64 u0040 �040
℞ &#8478 u211E 211E ℃ &#8451 u2103 2103
℉ &#8457 u2109 2109 ° &#176 u00B0 �0B0
| &#124 u007C �07C ¦ &#166 u00A6 �0A6
– &#8211 u2013 2013 — &#8212 u2014 2014
… &#8230 u2026 2026 &#182 u00B6 �0B6
∼ &#8764 u223C 223C ≠ &#8800 u2260 2260

总结归类：

1.特色的
© &copy; © 版权标志
|   | 竖线，常用作菜单或导航中的分隔符
· &middot; · 圆点，有时被用来作为菜单分隔符
↑ &uarr; ↑ 上箭头，常用作网页“返回页面顶部”标识
€ &euro; € 欧元标识
² &sup2; ² 上标2，数学中的平方，在数字处理中常用到，例如：1000²
½ &frac12; ½ 二分之一
♥ &hearts; ♥ 心型，用来表达你的心
2常用的
  &nbsp;   空格
& &amp; & and符号，与
“ &quot; “ 引号
© &copy; © 版权标志
® &reg; » 注册标志
™ &trade; ™ 商标标志
“ &ldquo; “ 左双引号
” &rdquo; ” 右双引号
‘ &lsquo; ‘ 做单引号
’ &rsquo; ’ 右单引号
« &laquo; « 左三角双引号
» &raquo; » 右三角双引号
‹ &lsaquo; ‹ 左三角单引号
› &rsaquo; › 右三角单引号
§ &sect; § 章节标志
&para; 段落标志
• &bull; • 列表圆点（大）
· &middot; · 列表圆点（中）
… &hellip; … 省略号
|   | 竖线
¦ &brvbar; ¦ 断的竖线
– &ndash; – 短破折号
— &mdash; — 长破折号
3.货币类
¤ &curren; ¤ 一般货币符号
$   $ 美元符号
¢ &cent; ¢ 分
£ &pound; £ 英镑
¥ &yen; ¥ 日元
€ &euro; € 欧元
4 数学类
< &lt; < 小于号
> &gt; > 大于号
≤ &le; ≤ 小于等于号
≥ &ge; ≥ 大于等于号
× &times; × 乘号
÷ &divide; ÷ 除号
− &minus; − 减号
± &plusmn; ± 加/减 号
≠ &ne; ≠ 不等于号
¹ &sup1; ¹ 上标1
² &sup2; ² 上标2
³ &sup3; ³ 上标3
½ &frac12; ½ 二分之一
¼ &frac14; ¼ 四分之一
¾ &frac34; ¾ 四分之三
‰ &permil; ‰ 千分率
° &deg; ° 度
√ &radic; √ 平方根
∞ &infin; ∞ 无限大
5.方向类
← &larr; ← 左箭头
↑ &uarr; ↑ 上箭头
→ &rarr; → 右箭头
↓ &darr; ↓ 下箭头
↔ &harr; ↔ 左右箭头
↵ &crarr; ↵ 回车箭头
⌈ &lceil; ⌈ 左上限
⌉ &rceil; ⌉ 右上限
⌊ &lfloor; ⌊ 左下限
⌋ &rfloor; ⌋ 右下限
6 其它
♠ &spades; ♠ 黑桃
♣ &clubs; ♣ 梅花
♥ &hearts; ♥ 红桃，心
♦ &diams; ♦ 方块牌
◊ &loz; ◊ 菱形
† &dagger; † 匕首
‡ &Dagger; ‡ 双剑号
¡ &iexcl; ¡ 反向感叹号
¿ &iquest; ¿ 反向问号

HTML CSS 特殊字符表（转载）的更多相关文章

  1. HTML CSS 特殊字符表

    HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”.要是你用时忘记了这 ...

  2. css样式表中四种属性选择器

    学习此连接的总结http://developer.51cto.com/art/201009/226158.htmcss样式表中四种属性选择器1> 简易属性 tag[class]{ font-we ...

  3. CSS样式表初始化代码

    CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异.当然,初始化样式会对SEO有一定的影 ...

  4. 深度理解CSS样式表，内有彩蛋....

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. CSS样式表

    CSS样式及属性 样式标的基本概念 样式表的分类 1.内联样式表 和html联合显示,控制精确,但可重用性差,冗余多. 例:<p style="font-size:14px;" ...

  6. JS 控制CSS样式表

    JS控制CSS所使用的方法: <style> .rule{ display: none; } </style> 你想要改变把他的display属性由none改为inline.  ...

  7. CSS Vocabulary – CSS 词汇表，你都掌握了吗？

    CSS 是前端开发必备技能,入门容易,深入难.比如像 Pseudo-class.Pseudo-element.Media query.Media type 以及 Vendor prefix 的概念,很 ...

  8. HTML基础（三）——css样式表

    CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确, ...

  9. DOM与CSS样式表

    在前文 <DOM与元素节点内联样式>中我们了解了用 DOM 提供的接口操作元素节点内联样式的方法,今天我们来学习一下如何用 DOM 操作 CSS 样式表. CSS 样式表概况 通过使用 H ...

随机推荐

  1. jQuery.extend 函数详解

    JQuery的extend扩展方法:      Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解.      一.Jquery的扩展方 ...

  2. jBPM4.4 no jBPM DB schema: no JBPM4_EXECUTION table. Run the create.jbpm.schema target first in the install tool.

    jBPM4.4 no jBPM DB schema: no JBPM4_EXECUTION table. Run the create.jbpm.schema target first in the ...

  3. Java中接口和抽象类的区别

    经常看到这样的问题,就是问这两个的区别,我这也总结一下: 1,宏观上说,一个是类,一个是接口,类只支持单一继承,接口支持多个继承 2,微观上说,就是从内部来说 a,成员变量方面 接口可以包含方法,属性 ...

  4. Could not load type 'System.Web.Mvc.ViewPage<dynamic>' in asp.net mvc2 after publishing the website

    在WebConfig里 找到 <pages></pages> <pages pageParserFilterType="System.Web.Mvc.ViewT ...

  5. activity的启动模式

    有四种启动模式:standard.singleTop.singleTask.singleInstance. 可在AndroidManifest.xml设置android:launchMode属性,如: ...

  6. MongoDB的备份和恢复

    1.导出数据库/备份: @echo off F: cd F:\software1\mongdb\mongodb-win32-x86_64-\bin start mongodump.exe -h -d ...

  7. @RenderSection,@RenderPage,@RenderBody介绍

    在MVC的模板页中会用到上面三个东西,那么今天就简单归纳下各有什么作用 1.@RenderSection 用法 对CSS或JS部分模块的预留定义 例如模板页定义了@RenderSection(&quo ...

  8. c# ros

    class MK { Stream connection; TcpClient con; public MK(string ip) { con = new TcpClient(); con.Conne ...

  9. Web Deploy自动配置

    自动发布配置,需要在发布的配置文件里面添加以下一句,避免在发布时,无权限! <Project ToolsVersion="4.0" xmlns="http://sc ...

  10. 第一章 MYSQL的架构和历史

    在读第一章的过程中,整理出来了一些重要的概念. 锁粒度  表锁(服务器实现,忽略存储引擎). 行锁(存储引擎实现,服务器没有实现). 事务的ACID概念 原子性(要么全部成功,要么全部回滚). 一致性 ...