html标点符号在首页,HTML常用的特殊符号&前端使用的标点符号

不想在项目中使用图片， 还得切，如关闭按钮“×”、男女符号“♂♀”、对勾“√”等，找到了一篇全面的博客，转自https://www.haorooms.com/post/html_tsfh，感谢。

如下：

html中经常会用到一些特殊符号，例如箭头，雪花，心形等等，这些符号就不用css样式或者图片来写了，直接用html特殊符号可以实现。

例如，如下html代码：

haorooms前端博客之特殊符号

⇠

☀

在网页中显示如下

使用方法：

这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；

下面符号列表的后面有两列编号，它们并不太一样，第一列是用于HTML的，你需要在前面加上符号；

第二列可以用于CSS文件中，但是需要用反斜杠\转义；

第二列也可以用于JavaScript，和CSS用法一样，不过要用\u来转义。

需要注意的是：

有的字符在不同的浏览器下表现不太一样；比如小雪人 ☃ 在Firefox和Chrome下不太一样，钻石 ◆ 在IE下要比Chrome下要大一点儿；

有的字符在某个浏览器下不会显示；当然原因并不是字符代码的问题，而是浏览器的bug，比如，–在Chrome下。。。

但是，98%的字符都能在所有浏览器下正常显示的，不过如果你真的要使用，最好仔细在各个浏览器下验证一番。

经测试这些字符在Android/iOS等智能终端的识别度比较差，所以，使用的时候要特别注意移动浏览器～～

各种箭头

⇠ 8672 21E0

⇢ 8674 21E2

⇡ 8673 21E1

⇣ 8675 21E3

↞ 8606 219E

↠ 8608 21A0

↟ 8607 219F

↡ 8609 21A1

← 8592 2190

→ 8594 2192

↑ 8593 2191

↓ 8595 2193

↔ 8596 2194

↕ 8597 2195

⇄ 8644 21C4

⇅ 8645 21C5

↢ 8610 21A2

↣ 8611 21A3

⇞ 8670 21DE

⇟ 8671 21DF

↫ 8619 21AB

↬ 8620 21AC

⇜ 8668 21DC

⇝ 8669 21DD

↚ 8602 219A

↛ 8603 219B

↮ 8622 21AE

↭ 8621 21AD

形状

⇦ 8678 21E6

⇨ 8680 21E8

⇧ 8679 21E7

⇩ 8681 21E9

↷ 8631 21B7

↶ 8630 21B6

↻ 8635 21BB

↺ 8634 21BA

⟳ 10227 27F3

⟲ 10226 27F2

⟰ 10224 27F0

⟱ 10225 27F1

↵ 8629 21B5

↯ 8623 21AF

⇵ 8693 21F5

向右的箭头

➔ 10132 2794

➙ 10137 2799

➨ 10152 27A8

➲ 10162 27B2

➜ 10140 279C

➞ 10142 279E

➟ 10143 279F

➠ 10144 27A0

➤ 10148 27A4

➥ 10149 27A5

➦ 10150 27A6

➧ 10151 27A7

➵ 10165 27B5

➸ 10168 27B8

➼ 10172 27BC

➽ 10173 27BD

➺ 10170 27BA

➳ 10163 27B3

➾ 10174 27BE

基本形状

▲ 9650 25B2

► 9658 25BA

▼ 9660 25BC

◄ 9668 25C4

❤ 10084 2764

✈ 9992 2708

★ 9733 2605

✦ 10022 2726

☀ 9728 2600

◆ 9670 25C6

◈ 9672 25C8

▣ 9635 25A3

标点

« 171 00AB

» 187 00BB

‹ 139 008B

› 155 009B

“ 8220 201C

” 8221 201D

‘ 8216 2018

’ 8217 2019

• 8226 2022

◦ 9702 25E6

¡ 161 00A1

¿ 191 00BF

℅ 8453 2105

№ 8470 2116

& 38 0026

@ 64 0040

℞ 8478 211E

℃ 8451 2103

℉ 8457 2109

° 176 00B0

| 124 007C

¦ 166 00A6

– 8211 2013

— 8212 2014

… 8230 2026

¶ 182 00B6

∼ 8764 223C

≠ 8800 2260

法律符号

® 174 00AE

© 169 00A9

℗ 8471 2117

™ 153 0099

℠ 8480 2120

货币

$ 36 0024

¢ 162 00A2

£ 163 00A3

¤ 164 00A4

€ 8364 20AC

¥ 165 00A5

₱ 8369 20B1

₹ 8377 20B9

数学

½ 189 00BD

¼ 188 00BC

¾ 190 00BE

⅓ 8531 2153

⅔ 8532 2154

⅛ 8539 215B

⅜ 8540 215C

⅝ 8541 215D

‰ 8240 2030

% 37 0025

> 62 003E

音乐符号

♩ 9833 2669

♪ 9834 266A

♫ 9835 266B

♬ 9836 266C

♭ 9837 266D

♯ 9839 266F

对号、错号

160 00A0 没有显示出来

☐ 9744 2610

☑ 9745 2611

☒ 9746 2612

✓ 10003 2713

✔ 10004 2714

✕ 10005 10005

✖ 10006 2716

✗ 10007 2717

✘ 10008 2718

十字

☨ 9768 2628

☩ 9769 2629

✝ 10013 271D

✞ 10014 271E

✟ 10015 271F

✠ 10016 2720

✚ 10010 271A

† 8224 2020

✢ 10018 2722

✤ 10020 2724

✣ 10019 2723

✥ 10021 2725

星星、星号、雪花

★ 9733 2605

✭ 10029 272D

✮ 10030 272E

☆ 9734 2606

✪ 10026 272A

✡ 10017 2721

✯ 10031 272F

✵ 10037 2735

✶ 10038 2736

✸ 10040 2738

✹ 10041 2739

✺ 10042 273A

✱ 10033 2731

✲ 10034 2732

✴ 10036 2734

✳ 10035 2733

✻ 10043 273B

✽ 10045 273D

❋ 10059 274B

❆ 10054 2746

❄ 10052 2744

❅ 10053 2745

杂项

☻ 9787 263B

☺ 9786 263A

☹ 9785 2639

✉ 9993 2709

☎ 9742 260E

☏ 9743 260F

✆ 9990 2706

� 65533 FFFD

☁ 9729 2601

☂ 9730 2602

❄ 10052 2744

☃ 9731 2603

❈ 10056 2748

✿ 10047 273F

❀ 10048 2740

❁ 10049 2741

☘ 9752 2618

❦ 10086 2766

☕ 9749 9749

❂ 10050 2742

☥ 9765 2625

☮ 9774 262E

☯ 9775 262F

☪ 9770 262A

☤ 9764 2624

✄ 9988 2704

✂ 9986 2702

☸ 9784 2638

⚓ 9875 2693

☣ 9763 2623

⚠ 9888 26A0

⚡ 9889 26A1

☢ 9762 2622

♻ 9851 267B

♿ 9855 267F

☠ 9760 2620

手型、铅笔、笔

☜ 9756 261C

☞ 9758 261E

☝ 9757 261D

☟ 9759 261F

✌ 9996 270C

✍ 9997 270D

✎ 9998 270E

✐ 10000 2710

✏ 9999 270F

✑ 10001 2711

✒ 10002 2712

天空、植物

☽ 9789 263D

☾ 9790 263E

♂ 9794 2642

♀ 9792 2640

☿ 9791 263F

♁ 9793 2641

♃ 9795 2643

♄ 9796 2644

♅ 9797 2645

♆ 9798 2646

♇ 9799 2647

星座

♈ 9800 2648

♉ 9801 2649

♊ 9802 264A

♋ 9803 264B

♌ 9804 264C

♍ 9805 264D

♎ 9806 264E

♏ 9807 264F

♑ 9809 2651

♒ 9810 2652

♓ 9811 2653

象棋，扑克牌

♚ 9818 265A

♛ 9819 265B

♜ 9820 265C

♝ 9821 265D

♞ 9822 265E

♟ 9823 265F

♔ 9812 2654

♕ 9813 2655

♖ 9814 2656

♗ 9815 2657

♘ 9816 2658

♙ 9817 2659

♠ 9824 2660

♣ 9827 2663

♥ 9829 2665

♦ 9830 2666

♤ 9828 2664

♧ 9831 2667

♡ 9825 2661

♢ 9826 2662

希腊字母

Α 913 0391

Β 914 0392

Γ 915 0393

Δ 916 0394

Ε 917 0395

Ζ 918 0396

Η 919 0397

Θ 920 0398

Ι 921 0399

Κ 922 039A

Λ 923 039B

Μ 924 039C

Ν 925 039D

Ξ 926 039E

Ο 927 039F

Π 928 03A0

Ρ 929 03A1

Σ 931 03A3

Τ 932 03A4

Υ 933 03A5

Φ 934 03A6

Χ 935 03A7

Ψ 936 03A8

Ω 937 03A9

Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN

Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN.NET http://blog.csdn.net/borishuai/article/details ...

shell中常用的特殊符号

在shell中常用的特殊符号罗列如下: # ; ;; . , / \ 'string'| ! $ ${} $? $$ $* "string"* ** ? : ^ $# $@ `co ...

shell脚本编写步骤及其常用命令和符号

1,什么是Shell     Shell 是kernel的一个外壳,是一个命令解析器,负责用户与内核的交互.2,Shell脚本     Shell脚本类似于批处理,可以方便的执行大量命令.3,编写sh ...

UML的常用关系及其符号表示

原创 UML的常用关系及其符号表示 一.实现关系 通常是一个类实现一个接口 符号表示: 二.泛化关系 通常是一个类继承另外一个类 符号表示: 三.依赖关系 通常是一个类里面的方法的参数类型是另一个类 ...

Java Web - HTML 常用标签和符号

1.Html 注释,pre,&lt,&gt,&nbsp,超级链接,marquee,img标签

常用 ...

re 模块 常用正则表达式符号 最常用的匹配语法

常用正则表达式符号1 '.'     默认匹配除\n之外的任意一个字符,若指定flag DOTALL,则匹配任意字符,包括换行 '^'     匹配字符开头,若指定flags MULTILINE, ...

【转载】markdown数学常用公式箭头符号

来源1:https://www.jianshu.com/p/3f01c5658356 来源2:https://blog.csdn.net/smstong/article/details/4434063 ...

[No0000A0]批处理命令学习之：常用的特殊符号

学习要点:1．>.>>重定向符2．| 命令管道符3．&.&&.|| 组合命令4．^ 转义字符5．% 变量引导符6．"" 界定符—————— ...

package.json for npm中依赖外部组件时常用的版本符号含义

package.json中会有dependencies定义了项目依赖的外部组件,这些外部组件的依赖都是带有版本符号以表示被依赖组件的版本范围. { "dependencies" : ...

随机推荐

用WP_Query自定义WordPress 主循环

我们知道操作 WordPress 主循环(WordPress Loop)最容易的方法是使用 query_posts 函数. 但是使用 query_posts 直接修改 WordPress 默认的主循环 ...

l中断的实现

转自:http://blog.chinaunix.net/uid-25014876-id-90740.html xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ...

UVa 10054 The Necklace BFS+建模欧拉回路

算法指南 主要就是建立欧拉回路 #include #include #include #includ ...

UVa455 Periodic Strings

#include #include int main(){    int T, k, len;    char str[81], *p, ...

Matlab中simulink的state space模块

%列写状态空间表达式矩阵 A=[- -;]; B=[ ; ]; C=[ ; ]; D=[ ; ]; %得到传递函数表达式 [num, den]=ss2tf(A, B, C, D, ); %在命令行打印 ...

用VS2017编写C语言的Hello World

1.新建项目 2.选择新建空项目 3.在源文件处右键单击,选择添加-新建项 4.选择“c++文件”,将名称后缀改成.c即可用C语言编写程序 5.编写代码: #include

用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delet ...

初识java java的加载与执行(JDK,JVM,JRE关系解释)

首先java代码是以 .java结尾的文件,通过javac命令编译生成.class编译生成字节码文件,再通过java命令,把字节码文件加载到内存内部,此时是类加载器ClassLoader执行加载,通过 ...

Jedis 对 Redis 的操作详解

1. JedisUtil2. 键操作3. 字符串操作4. 字节串4. 整数和浮点数5. 列表6. 集合(Set)7. 散列8. 排序sort 本篇主要阐述Jedis对redis的五大类型的操作:字符串 ...