`

HTML CSS 特殊字符表

    博客分类:
  • css
 
阅读更多

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; 右下限
其它

 

 

&spades; 黑桃
&clubs; 梅花
&hearts; 红桃,心
&diams; 方块牌
&loz; 菱形
&dagger; 匕首
&Dagger; 双剑号
¡ &iexcl; ¡ 反向感叹号
¿ &iquest; ¿ 反向问号
分享到:
评论

相关推荐

    HTML特殊字符转换

    在提供的压缩包文件 "HTML特別記号.xlsx" 中,可能包含了各种HTML特殊字符及其对应的实体,可以作为一个参考表,供开发者在编写HTML时查阅。通过这个表格,你可以快速查找并使用正确的HTML实体,确保网页内容的准确...

    特殊字符(可代替图片)

    CSS(层叠样式表)也提供了利用特殊字符创建图形的方法。例如,通过设置字体大小、颜色、旋转、边框等属性,可以组合多个特殊字符形成复杂的图形,甚至模拟简单的按钮或导航图标。这种方法叫做“CSS图标”,它依赖于...

    实用HTML,CSS和JavaScript速查表

    HTML特殊字符速查表 Dreamweaver Dreamweaver快速参考指导 CSS CSS 3 速查表 Blueprint CSS YUI Grid CSS CSS 速记简表 CSS速查表(V2) CSS速记表 CSS2参考指导(V2) 实用CSS速查表 Javascript ...

    浅谈html特殊字符 编码css3 content:"我是特殊符号"

    本文将探讨如何在HTML和CSS中处理这些特殊字符。 首先,HTML提供了许多预定义的特殊字符实体,这些实体可以帮助我们插入非ASCII字符。例如,如果你想在页面上显示一个“叉叉”图标,可以使用`&times;`实体,它会...

    2022年HTML语言剖析(十四)特殊字符CSSHTML教程.docx

    本教程将深入剖析2022年HTML中的特殊字符及其在CSS和HTML中的应用。 首先,我们来看一些基本的特殊字符实体: 1. `lt;` 表示小于号 ` 2. `gt;` 表示大于号 `&gt;` 3. `amp;` 用于插入与号(&),因为在HTML中,&是...

    HTML 特殊字符转换表

    HTML特殊字符转换表是网页开发中非常重要的工具,它用于在HTML文档中正确地表示一些特殊字符,因为这些字符在HTML语法中有特定的含义。在HTML中,有些字符如 "和 "&" 是用于标记标签和实体引用的,直接在文本中使用...

    html css led字体包

    1. `stylesheet.css`:这是一个CSS样式表,包含了定义LED字体样式的代码。在CSS中,我们可以使用`@font-face`规则来引入自定义字体,如`ds-digi-webfont`系列文件,这样可以在网页上显示这些特殊的字体效果。此外,...

    html和css基础

    HTML和CSS基础知识点总结 HTML和CSS是构建网站的基础技术,掌握...4. 解决兼容性问题时,需要使用一些特殊的CSS代码来解决。 HTML和CSS基础知识点是非常重要的,掌握这些知识点可以帮助开发者更好地设计和开发网站。

    HTML+CSS前端编码规范.pdf

    CSS 选择符的命名规则与文件名命名规则相同,使用小写字母,使用下划线或中划线分隔单词,并避免使用特殊字符。 3. 常用 CSS 选择符命名参考 该部分提供了一些常用的 CSS 选择符命名参考,例如 `.header`、`.nav`、...

    html-css.pdf

    表示空格)用于插入特殊字符。图像可以通过标签插入,其src属性指定图像的路径,alt属性提供图像的替代文本。链接是通过标签创建的,其中href属性定义链接的目标地址,target属性用于指定在哪个窗口或框架中打开链接...

    html+CSS总结

    特殊字符转义码用于在HTML中插入无法直接输入的字符,如空格、大于号、小于号、引号等。转义码以`&`开始,以`;`结束,例如`&nbsp;`表示空格,`&gt;`表示大于号,`&lt;`表示小于号。 `&lt;img&gt;`标签的`alt`属性非常重要...

    html+css+javascript教程课件ppt

    * HTML中的特殊字符 * HTML中的图片和链接 * HTML中的表格和表单 * HTML中的多窗口 7. CSS简介: * CSS是Cascading Style Sheets的缩写,表示层叠样式表 * CSS用于设置网页的样式和布局 8. JavaScript简介: * ...

    Html+Css+Javascript从入门到精通.pdf

    - **字符实体**:使用特殊字符增强文档可读性。 - **页面背景定制**:学习如何设置页面背景。 - **文字美化**:调整文字的颜色、字体和大小。 - **设置链接颜色**:使链接更美观。 **第四章:使用头部标签** - **`...

    html\css\js\jq

    此外,某些字符在HTML中是具有特殊意义的,比如`和`&gt;`,因此需要通过字符实体引用的方式进行转义。 CSS(层叠样式表)用于描述HTML文档的呈现形式,包括布局、颜色、字体等视觉样式。它通过引入方式被添加到HTML中...

    关于html的css

    标题“关于html的css”与描述“关于html的css的样式表,有关于css的介绍”共同揭示了文章的主题——探讨HTML文档中CSS(层叠样式表)的应用。CSS是一种强大的样式语言,用于描述网页文档的呈现方式,包括布局、颜色...

    HTML_CSS学习笔记.docx

    - 特殊字符 `&nbsp;`:非中断空格,用于在文本中创建固定宽度的空格。 - `&lt;hr&gt;`:创建一条水平线,作为内容的分隔。 4. HTML5 列表标签: - `&lt;ul&gt;` 和 `&lt;li&gt;`:创建无序列表,常用作项目列表。 - `&lt;ol&gt;` 和 `...

    风格清新漂亮的CSS3开关按钮样式

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式控制和动画效果,极大地提升了用户体验。本文将深入探讨如何利用CSS3创建风格清新、漂亮的开关按钮样式,包括3D效果和扁平化设计。我们将通过分析...

    如何用html5 和css3创建兼容就浏览器的作品集

    此外,页面的字符集设置为UTF-8,以确保各种符号和特殊字符能被正确显示。我们还会通过`&lt;meta&gt;`标签来设置文档的语言,这有助于搜索引擎更好地理解页面内容。 接下来是CSS样式的应用。在`&lt;head&gt;`中,我们会链接多个...

    《Web前端设计基础——HTML5、CSS3、JavaScript》课后答案整理.pdf

    - 字符实体用于在HTML文档中显示特殊字符,防止浏览器误解为代码。常用的字符实体包括空格(&nbsp;)、小于号(&lt;)、大于号(&gt;)、和号(&amp;)、引号(&quot;)和撇号(&apos;)。 7. 表现样式与行为脚本 - CSS负责...

    html&css入门资料

    在HTML中,可以使用特殊的字符代码(命名实体)或数字代码(编号实体)来表示一些特殊字符,例如`&reg;`代表注册商标符号®。网页通常使用UTF-8编码,这是一种广泛支持的多语言字符集,能正确显示各种语言的字符。 ...

Global site tag (gtag.js) - Google Analytics