search
HomeWeb Front-endHTML TutorialHTML CSS 特殊字符表_html/css_WEB-ITnose
HTML CSS 特殊字符表_html/css_WEB-ITnose
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
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 其它

 

♠ ♠ ♠ 黑桃
♣ ♣ ♣ 梅花
♥ ♥ ♥ 红桃，心
♦ ♦ ♦ 方块牌
◊ ◊ ◊ 菱形
† † † 匕首
‡ ‡ ‡ 双剑号
¡ ¡ ¡ 反向感叹号
¿ ¿ ¿ 反向问号

 

 

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Related Article
Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?Mar 04, 2025 pm 12:32 PM

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

How do I use HTML5 form validation attributes to validate user input?How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What are the best practices for cross-browser compatibility in HTML5?What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

How to efficiently add stroke effects to PNG images on web pages?How to efficiently add stroke effects to PNG images on web pages?Mar 04, 2025 pm 02:39 PM

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

What is the purpose of the <datalist> element?What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

How do I use the HTML5 <time> element to represent dates and times semantically?How do I use the HTML5 <time> element to represent dates and times semantically?Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

What is the purpose of the <progress> element?What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What is the purpose of the <meter> element?What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Show More

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks agoByDDD
R.E.P.O. Save File Location: Where Is It & How to Protect It?
3 weeks agoByDDD
Show More

Hot Tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

Show More

Hot Topics

Where is the login entrance for gmail email?
7325
9
Java Tutorial
1625
14
CakePHP Tutorial
1350
46
Laravel Tutorial
1262
25
PHP Tutorial
1209
29
Show More