目錄
⇠  箭头类
❤  基本形状类
¥  货币类
½  数学类
♫  音乐符号类
✖  对错号
★  全都是星星
♒  星座类
♚  国际象棋类
♣  扑克牌类
Ω  希腊字母
☩  十字
©  法律符号
@  标点和符号
首頁 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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML容易為初學者學習嗎? HTML容易為初學者學習嗎? Apr 07, 2025 am 12:11 AM

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML,CSS和JavaScript的角色:核心職責 HTML,CSS和JavaScript的角色:核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始標籤的示例是什麼? HTML中起始標籤的示例是什麼? Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

Gitee Pages靜態網站部署失敗:單個文件404錯誤如何排查和解決? Gitee Pages靜態網站部署失敗:單個文件404錯誤如何排查和解決? Apr 04, 2025 pm 11:54 PM

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...

如何用CSS3和JavaScript實現圖片點擊後周圍圖片散開並放大效果? 如何用CSS3和JavaScript實現圖片點擊後周圍圖片散開並放大效果? Apr 05, 2025 am 06:15 AM

實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中,需要實現一種交互效果:點擊某張圖片,使其周圍的...

網頁批註如何實現Y軸位置的自適應佈局? 網頁批註如何實現Y軸位置的自適應佈局? Apr 04, 2025 pm 11:30 PM

網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能,特別是如何處理批註之間的間�...

HTML,CSS和JavaScript:Web開發人員的基本工具 HTML,CSS和JavaScript:Web開發人員的基本工具 Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

See all articles