HTML的特殊字符

article/2025/10/31 3:17:22

平时写代码很少用到HTML的特殊字符,最常用的可能是 了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果,现整理如下:

使用方法:

  • 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
  • 编号用在HTML中时,需要在前面加上&#符号;
  • 用于CSS文件中,但是需要用反斜杠\转义;
  • 用于JavaScript,和CSS用法一样,不过要用\u来转义。

需要注意:

  • 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿;
  • 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,–在Chrome下。
  • 但是,98%的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番。
  • 经测试这些字符在Android/iOS等智能终端的识别度比较差,所以,使用的时候要特别注意移动浏览器~~

表格归类:

⇠  箭头类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
$&#36\u0024\0024¢&#162\u00A2\00A2
£&#163\u00A3\00A3¤&#164\u00A4\00A4
&#8364\u20AC\20AC¥&#165\u00A5\00A5
&#8369\u20B1\20B1&#8377\u20B9\20B9

½  数学类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
½&#189\u00BD\00BD¼&#188\u00BC\00BC
¾&#190\u00BE\00BE&#8531\u2153\2153
&#8532\u2154\2154&#8539\u215B\215B
&#8540\u215C\215C&#8541\u215D\215D
&#8240\u2030\2030%&#37\u0025\0025
<&#60\u003C\003C>&#62\u003E\003E

♫  音乐符号类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9833\u2669\2669&#9834\u266A\266A
&#9835\u266B\266B&#9836\u266C\266C
&#9837\u266D\266D&#9839\u266F\266F

✖  对错号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#160\u00A0\00A0&#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
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
Α&#913\u0391\0391Β&#914\u0392\0392
Γ&#915\u0393\0393Δ&#916\u0394\0394
Ε&#917\u0395\0395Ζ&#918\u0396\0396
Η&#919\u0397\0397Θ&#920\u0398\0398
Ι&#921\u0399\0399Κ&#922\u039A\039A
Λ&#923\u039B\039BΜ&#924\u039C\039C
Ν&#925\u039D\039DΞ&#926\u039E\039E
Ο&#927\u039F\039FΠ&#928\u03A0\03A0
Ρ&#929\u03A1\03A1Σ&#931\u03A3\03A3
Τ&#932\u03A4\03A4Υ&#933\u03A5\03A5
Φ&#934\u03A6\03A6Χ&#935\u03A7\03A7
Ψ&#936\u03A8\03A8Ω&#937\u03A9\03A9

☩  十字

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#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
HTMLJSCSSHTMLJSCSS
®&#174\u00AE\00AE©&#169\u00A9\00A9
&#8471\u2117\2117&#153\u0099\0099
&#8480\u2120\2120

@  标点和符号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
«&#171\u00AB\00AB»&#187\u00BB\00BB
&#139\u008B\008B&#155\u009B\009B
&#8220\u201C\201C&#8221\u201D\201D
&#8216\u2018\2018&#8217\u2019\2019
&#8226\u2022\2022&#9702\u25E6\25E6
¡&#161\u00A1\00A1¿&#191\u00BF\00BF
&#8453\u2105\2105&#8470\u2116\2116
&&#38\u0026\0026@&#64\u0040\0040
&#8478\u211E\211E&#8451\u2103\2103
&#8457\u2109\2109°&#176\u00B0\00B0
|&#124\u007C\007C¦&#166\u00A6\00A6
&#8211\u2013\2013&#8212\u2014\2014
&#8230\u2026\2026&#182\u00B6\00B6
&#8764\u223C\223C&#8800\u2260\2260 
 


Miscellaneous Symbols


http://chatgpt.dhexx.cn/article/m0vBrRlu.shtml

相关文章

HTML中的特殊字符

在HTML页面中&#xff0c;有一些特殊的符号无法直接使用&#xff0c;我们可以使用下面的特殊字符来进行代替 在以上的特殊字符中我着重介绍一下空格、小于、大于这三个比较常用的字符 1. 空格符 在html中我们不能直接通过打空格的方式来隔开文字&#xff0c;而是应该在文字…

HTML特殊字符符号大全

HTML常用特殊字符&#xff1a; 只要你认识了 HTML 标记&#xff0c;你便会知道特殊字符的用处。

16进制字符串生成CRC-16/CCITT-FALSE校验码

/*** author yichuaniscas.ac.cn* version 1.0* date 2021/11/8 21:51*/ public class Crc {/*** CRC-16/CCITT-FALSE x16x12x51 算法** info* Name:CRC-16/CCITT-FAI* Width:16* Poly:0x1021* Init:0xFFFF* RefIn:False* RefOut:False* XorOut:0x0000** param hexString* para…

CRC-16/X25、CRC-16/CCITT_FALSE、CRC-16/XMODEM校验码

这几天做北斗定位设备的协议解析&#xff0c;需要进行CRC-16的校验&#xff0c;设备使用的参数模型是CRC-16/X25&#xff0c;本人使用的是Java语言&#xff0c;网上没找到关于CRC-16/X25 的Java版本&#xff0c;都是C语言的多。转换一下记录在这里&#xff0c;方便以后使用。CR…

CCAT介绍

全国信息化计算机应用技术资格认证CCAT介绍 CCAT是Certificate of Computer Application Techniques 的简称&#xff0c;中文全称是“全国信息化计算机应用技术资格认证”&#xff0c;是由国家人事部中国高级公务员培训中心和教育部全国高等学校计算机教育研究会共同推出的一种…

C#_CRC-16/CCITT-FALSE计算加判断

C#_CRC-16/CCITT-FALSE计算加判断 前言&#xff1a;浪费半天时间研究出来的&#xff0c;试了网上其他好几个版本都算了不对&#xff0c;讲述的也不明确&#xff0c;我是直接移植一个c语言的版本&#xff0c;直接看代码&#xff0c;一个函数包含计算和判断的工能 private bool …

CRC-CCITT CRC-16

CRC分为以下几种标准&#xff1a; CRC-12码CRC-16码CRC-CCITT码CRC-32码 在线CRC计算器 https://www.lammertbies.nl/comm/info/crc-calculation.html CRC计算器 http://www.pc6.com/softview/SoftView_100981.html CRC16 const uint16_t Table[256] {0x0000U, 0x1…

C语言CRC-16 CCITT格式校验函数

C语言CRC-16 CCITT格式校验函数 CRC-16校验产生2个字节长度的数据校验码&#xff0c;通过计算得到的校验码和获得的校验码比较&#xff0c;用于验证获得的数据的正确性。基本的CRC-16校验算法实现&#xff0c;参考&#xff1a; C语言标准CRC-16校验函数。 不同同应用规范通过…

LabVIEW做CRC校验CRC-16/CCITT-FALSE算法

一直以来用的CRC校验的地方就是Modbus通讯&#xff0c;这次做项目遇到一个自定义协议需要CRC校验的协议&#xff0c;直接连例程发现计算结果不对通讯不上。后来发现CRC有很多中算法&#xff0c;网上资料也不全面。以下是我收藏总结的&#xff0c;估计也不全仅供参考。 参数解释…

CRC16-ccitt-false 递归解析每一个号码段的值

CRC16-ccitt-false 解析每一个号码段的值 数据准备 加密前&#xff1a;6011qwertyuiopa62440007db2a65b0306qrcode043339912211117000000016304 CRC16-ccitt-false加密后&#xff1a;4023&#xff08;网上有加密工具类&#xff0c;也有线上计算工具&#xff0c;如下图&#xff…

文本图像(二值图像)(黑白图像)的压缩算法介绍 CCITT-4 JBIG2

CCITT group3 CCITT group4 JBIG JBIG2 参考&#xff1a; JBIG2标准在数字图书馆中的应用 https://www.docin.com/p-821587404.html

C语言CRC-16 CCITT-FALSE格式校验函数

C语言CRC-16 CCITT-FALSE格式校验函数 CRC-16校验产生2个字节长度的数据校验码&#xff0c;通过计算得到的校验码和获得的校验码比较&#xff0c;用于验证获得的数据的正确性。基本的CRC-16校验算法实现&#xff0c;参考&#xff1a; C语言标准CRC-16校验函数。 不同应用规范…

Eclipse与JDK、JRE的关系

1、首先说明的是&#xff0c;eclipse人家需要jre&#xff0c;而不需要jdk&#xff0c;人家内置的有。你只要在你的电脑上安装一个jre就行。至于jdk&#xff0c;它内置的有2、eclise也不要求你jdk或者jre配置环境变量&#xff0c;毕竟友不用notepad写代码&#xff0c;dos编译执行…

JDK、JRE、JVM三者关系

jdk、jre、jvm三者有什么关系&#xff1f; JDK ☁️ JDK&#xff1a;Java开发工具包&#xff1b; ☁️ JDK中包含了以下内容&#xff1a; ⚡️ Java虚拟机&#xff1a;用于运行Java程序&#xff1b; ⚡️ 核心类库&#xff1a;核心类库中是已经编写好的Java代码&#xff0…

JRE和JDK

JRE和JDK JRE(Java运行环境)Java Runtime Environment 包括Java虚拟机(JVM Java VirtualMachine)和Java程序所需的核心类库等&#xff0c;如果想要运行一个开发好的Java程序&#xff0c;计算机中只需要安装JRE即可。 JRE 核心类库 JVM JDK(Java开发工具包)Java Development…

JDK,JRE,JVM三者间的关系,以及JDK、JRE的主要结构

一、JDK&#xff0c;JRE是什么&#xff1f; 1.JDK 是提供给 Java 开发人员使用的&#xff0c;其中包含了 java 的开发工具&#xff0c;也包括了 JRE。所以安装了JDK&#xff0c;就不用在单独安装JRE了。 2.JRE是包括 Java 虚拟机 (JVM J ava V irtual M achine) 和 Java 程…

【jdk与jre 的关系】

**jdk与jre 的关系** jdk中包含jre和核心开发工具, jre中包含jvm和核心开发类库 jdk中包含jre和核心开发工具, jre中包含jvm和核心开发类库 注: JVM是指Java虚拟机。

JDK、JRE和JVM三者之间关系

JDK、JRE和JVM三者之间关系 很多程序员已经写了很长一段时间java了&#xff0c;依然不明白JDK,JRE,JVM的区别。今天个人总结一下它们三者的关系、区别。 JDK&#xff08;Java Development Kit&#xff09;是针对Java开发员的产品&#xff0c;是整个Java的核心&#xff0c;包括了…

JDK与JRE的安装与配置

这两天为了这个JAVA的编译环境JDK和JRE的配置可花了不少心思&#xff0c;曾还一度把电脑的注册表给误删了&#xff0c;导致电脑重装了系统&#xff0c;这是血的教训。我买了一本学习JAVA的书&#xff0c;看了里面的视频终于把编译环境给配置好了&#xff0c;其实非常简单。 开始…

jdk与jre

jdk与jre jdk1.8目录jdk1.8下的bin目录jdk1.8下的jre目录jdk1.8下的lib目录 jdk1.8目录 安装好的JDK路径下目录如下&#xff1a;有bin、db、include、jre、lib、COPYRIGHT、javafx-src.zip、LICENSE、README.html、release、src.zip、THIRDPARTYLICENSEREADME.txt、THIRDPARTY…