目录
⇠  箭头类
❤  基本形状类
¥  货币类
½  数学类
♫  音乐符号类
✖  对错号
★  全都是星星
♒  星座类
♚  国际象棋类
♣  扑克牌类
Ω  希腊字母
☩  十字
©  法律符号
@  标点和符号
首页 web前端 html教程 HTML CSS 特殊字符表_html/css_WEB-ITnose

HTML CSS 特殊字符表_html/css_WEB-ITnose

Jun 24, 2016 am 11:28 AM

HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。

简单的介绍一下其使用方法:

1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“

2、列表符号后面有两列编号,第一列编号用于HTML文档中,需要在编号前面加上“”符号,比如说“向左箭头”符号对应的HTML编号是:“8672”,那么在文档中需要写成“⇠”;第二列编号用于CSS文档中,需要在编号前面加上反斜杠“”进行转义,比如说“向左箭头”符号对应的CSS编号是:“21E0”,那么在文档中需要写成“21E0”;同时第二列也可以用于JavaScript文档中,需要在编号前面加上“u”来进行转义,比如说“向左箭头”符号,在JavaScript文档中,我们就要写成“u21E0”.

使用的方法很简单,但要用好,我们还是需要注意一些细节上的要求:

1、有的字符在不同的浏览器下表现不太一样,比如“小雪人”在Firefox和Chrome下不太一样;

2、有的字符在某个浏览器下不会显示;

3、为了不造成损失,使用字符编码来代替某些符号时,请注意各个浏览器进行测试;

4、移动端对此支持度较差,特别是在Window phone下和UC浏览下器,直接无法显示。

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

目录

 

  1.   箭头类
  2.   基本形状类
  3.   货币类
  4.   数学类
  5.   音乐符号类
  6.   对错号
  7.   全都是星星
  8.   星座类
  9.   国际象棋类
  10.   扑克牌类
  11.   希腊字母
  12.   十字
  13.   法律符号
  14.   标点和符号

 

⇠  箭头类

符号 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 �024 ¢ ¢ u00A2 �0A2
£ £ u00A3 �0A3 ¤ ¤ u00A4 �0A4
u20AC 20AC ¥ ¥ u00A5 �0A5
u20B1 20B1 u20B9 20B9

½  数学类

符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS
½ ½ u00BD �0BD ¼ ¼ u00BC �0BC
¾ ¾ u00BE �0BE u2153 2153
u2154 2154 u215B 215B
u215C 215C u215D 215D
u2030 2030 % % u0025 �025
< u003C �03C > > u003E �03E

♫  音乐符号类

符号 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 �0A0 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 �391 Β Β u0392 �392
Γ Γ u0393 �393 Δ Δ u0394 �394
Ε Ε u0395 �395 Ζ Ζ u0396 �396
Η Η u0397 �397 Θ Θ u0398 �398
Ι Ι u0399 �399 Κ Κ u039A �39A
Λ Λ u039B �39B Μ Μ u039C �39C
Ν Ν u039D �39D Ξ Ξ u039E �39E
Ο Ο u039F �39F Π Π u03A0 �3A0
Ρ Ρ u03A1 �3A1 Σ Σ u03A3 �3A3
Τ Τ u03A4 �3A4 Υ Υ u03A5 �3A5
Φ Φ u03A6 �3A6 Χ Χ u03A7 �3A7
Ψ Ψ u03A8 �3A8 Ω Ω u03A9 �3A9

☩  十字

符号 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 �0AE © © u00A9 �0A9
u2117 2117 ™ u0099 �099
u2120 2120        

@  标点和符号

 

符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS
« « u00AB �0AB » » u00BB �0BB
‹ u008B �08B › u009B �09B
u201C 201C u201D 201D
u2018 2018 u2019 2019
u2022 2022 u25E6 25E6
¡ ¡ u00A1 �0A1 ¿ ¿ u00BF �0BF
u2105 2105 u2116 2116
& & u0026 �026 @ @ u0040 �040
u211E 211E u2103 2103
u2109 2109 ° ° u00B0 �0B0
| | u007C �07C ¦ ¦ u00A6 �0A6
u2013 2013 u2014 2014
u2026 2026 u00B6 �0B6
u223C 223C u2260 2260

 

总结归类:

1.特色的

© © © 版权标志
|   | 竖线,常用作菜单或导航中的分隔符
· · · 圆点,有时被用来作为菜单分隔符
上箭头,常用作网页“返回页面顶部”标识
欧元标识
² ² ² 上标2,数学中的平方,在数字处理中常用到,例如:1000²
½ ½ ½ 二分之一
心型,用来表达你的心

2常用的

      空格
& & & and符号,与
" 引号
© © © 版权标志
® ® » 注册标志
商标标志
左双引号
右双引号
做单引号
右单引号
« « « 左三角双引号
» » » 右三角双引号
左三角单引号
右三角单引号
§ § § 章节标志
段落标志
列表圆点(大)
· · · 列表圆点(中)
省略号
|   | 竖线
¦ ¦ ¦ 断的竖线
短破折号
长破折号

3.货币类

¤ ¤ ¤ 一般货币符号
$   $ 美元符号
¢ ¢ ¢
£ £ £ 英镑
¥ ¥ ¥ 日元
欧元

4 数学类

< < 小于号
> > > 大于号
小于等于号
大于等于号
× × × 乘号
÷ ÷ ÷ 除号
减号
± ± ± 加/减 号
不等于号
¹ ¹ ¹ 上标1
² ² ² 上标2
³ ³ ³ 上标3
½ ½ ½ 二分之一
¼ ¼ ¼ 四分之一
¾ ¾ ¾ 四分之三
千分率
° ° °
平方根
无限大

5.方向类

左箭头
上箭头
右箭头
下箭头
左右箭头
回车箭头
左上限
右上限
左下限
右下限

6 其它

 

黑桃
梅花
红桃,心
方块牌
菱形
匕首
双剑号
¡ ¡ ¡ 反向感叹号
¿ ¿ ¿ 反向问号

 

 

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存,这玩意儿,说简单也简单,说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章,结果用户打开还是老版本,这滋味,谁受得了?这篇文章,咱就来扒一扒这背后的弯弯绕绕,以及如何优雅地解决这个问题。读完之后,你就能轻松应对各种缓存难题,让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存,说白了就是浏览器或者服务器为了提高访问速度,把一些静态资源(比如图片、CSS、JS)或者页面内容存储起来。下次访问时,直接从缓存里取,不用再重新下载,速度自然快。但这玩意儿,也是个双刃剑。新版本上线,

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

本文展示了使用CSS为网页中添加有效的PNG边框。 它认为,与JavaScript或库相比,CSS提供了出色的性能,详细介绍了如何调整边界宽度,样式和颜色以获得微妙或突出的效果

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

&lt; datalist&gt;的目的是什么。 元素? &lt; datalist&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

&gt; gt;的目的是什么 元素? &gt; gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? 我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

本文解释了HTML5&lt; time&gt;语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

&lt; meter&gt;的目的是什么。 元素? &lt; meter&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

See all articles