Unicode编码对应的HTML 、JS 、CSS码

平时写代码很少用到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://xiahunao.cn/news/142775.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

HTML之编码规范

HTML之编码规范 img 标签要写 alt 属性单标签不要写闭合标签自定义属性要以 data-开头td 要在 tr 里面&#xff0c;li 要在 ul/ol 里面ul/ol 的直接子元素只能是 lisection 里面要有标题标签使用 section 标签增强 SEO行内元素里面不可使用块级元素每个页面要写要用 table 布局…

【HTML 教程】HTML 字符编码

作者 | 阮一峰 简介 网页包含了大量的文字&#xff0c;浏览器必须知道这些文字的编码方法&#xff0c;才能把文字还原出来。 一般情况下&#xff0c;服务器向浏览器发送 HTML 网页文件时&#xff0c;会通过 HTTP 头信息&#xff0c;声明网页的编码方式。 Content-Type: text/ht…

HTML编码规范

本篇文章是基于王叨叨大佬师父维护的文档梳理的&#xff0c;有兴趣可以去看一下原文HTML编码规范。 1. 缩进与换行 【建议】 使用 2 个空格作为一个缩进层级&#xff0c;不允许使用tab字符 解释&#xff1a; ​ 具体项目&#xff0c;可以使用2个空格&#xff0c;也可以使用…

HTML 编码(字符集)总结,你了解了多少

Web 浏览器必须知道要使用哪个字符集&#xff0c;才能正确显示 HTML 页面。 文章目录 Web 浏览器必须知道要使用哪个字符集&#xff0c;才能正确显示 HTML 页面。前言一、HTML charset 属性二、字符集之间的差异ASCII 字符集ANSI 字符集 (Windows-1252)ISO-8859-1 字符集UTF-8 …

【HTML基础笔记】之【常用编码】

HTML 常用编码 4.1 HTML 实体编码 HTML实体编码&#xff0c;也即HTML中的转义字符。 在 HTML 中&#xff0c;某些字符是预留的&#xff0c;例如在 HTML 中不能使用小于号<和大于号>&#xff0c;这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符&#xf…

CTR预估之DNN系列模型:FNN/PNN/DeepCrossing

前言 在上一篇文章中 CTR预估之FMs系列模型:FM/FFM/FwFM/FEFM&#xff0c;介绍了FMs系列模型的发展过程&#xff0c;开启了CTR预估系列篇章的学习。FMs模型是由线性项和二阶交互特征组成&#xff0c;虽然有自动学习二阶特征组合的能力&#xff0c;一定程度上避免了人工组合特征…

SQL SERVER DATEPART函数

定义&#xff1a; DATEPART函数返回指定日期的指定部分。 语法&#xff1a; DATEPART(datepart,date) 参数&#xff1a; ①datepart 参数可以是下列的值&#xff1a; datepart缩写年(Year)YEAR, YY, YYYY季度(Quarter)Q, QQ, QUARTER月(Month)M, MM, MONTH年中的日(Day of year…

DATEPART SQL函数

This article explores the DATEPART SQL function and its use in writing t-SQL queries. In the previous article, SQL Convert Date Functions and Formats, we explored various data formats and convert them using SQL Convert function. 本文探讨了DATEPART SQL函数…

mysql datepart_SQL Server DATEPART() 函数用法

用法&#xff1a; DATEPART() 函数用于返回日期/时间的单独部分&#xff0c;比如年、月、日、小时、分钟等等。返回的类型为整型。若要返回字符型可以用DATENAME()函数&#xff0c;可用于时间日期之间的拼接&#xff0c;用法和DATEPART()类似 语法&#xff1a; DATEPART(datepa…

mysql datepart_表达式中datepart函数用法及其与sqlserver depart函数、Mysql week函数的差异...

Wyn Reports支持丰富的函数&#xff0c;这些函数是实现各种计算需求的表达式的基础。 DatePart函数一个日期类函数&#xff0c;返回一个 Integer 值&#xff0c;其中包含给定 Date 值的指定部分(年&#xff0c;月&#xff0c;日&#xff0c;时&#xff0c;分&#xff0c;秒&…

DatePart 函数

DatePart 函数 适用于: Microsoft Office Access 2007 全部显示 全部隐藏 返回变量型&#xff08;整型&#xff09;&#xff0c;其中包含给定日期的指定部分。 语法 DatePart(interval, date [, firstdayofweek] [, firstweekofyear] ) DatePart 函数的语法包含以下参数 &…

sql学习---datepart函数的使用

DATEPART 返回代表指定日期的指定日期部分的整数。 语法 DATEPART ( datepart ,date ) 参数 datepart 是指定应返回的日期部分的参数。下表列出了 Microsoft SQL Server™ 识别的日期部分和缩写。 如图&#xff1a; 另外补充&#xff1a; 当 group by datepart (yyyy,date), da…

datepart函数用法及其与sqlserver depart函数、Mysql week函数的差异

Wyn Reports支持丰富的函数&#xff0c;这些函数是实现各种计算需求的表达式的基础。DatePart函数一个日期类函数&#xff0c;返回一个 Integer 值&#xff0c;其中包含给定 Date 值的指定部分&#xff08;年&#xff0c;月&#xff0c;日&#xff0c;时&#xff0c;分&#xf…

sqlserver 截取日期年份和月份使用datepart函数

sqlserver 截取日期年份和月份使用datepart函数,函数使用方法如下&#xff1a; 一、函数功能&#xff1a;DATEPART() 函数用于返回日期/时间的单独部分&#xff0c;比如年、月、日、小时、分钟等等。 二、语法&#xff1a;DATEPART(datepart,date) 三、参数说明&#xff1a;…

第四十五章 SQL函数 DATEPART

文章目录 第四十五章 SQL函数 DATEPART大纲参数描述Datepart 参数日期输入格式无效的参数错误代码范围和值检查示例 第四十五章 SQL函数 DATEPART 日期/时间函数&#xff0c;返回表示日期/时间表达式指定部分的值的整数。 大纲 DATEPART(datepart,date-expression)参数 dat…

继瑞吉外卖后的又一个项目——SpringBoot+Vue的前后端博客系统

文章目录 博客系统项目介绍前言项目演示前台演示后台演示 组织结构后端组织结构前端组织结构 技术选型前端技术后端技术架构图系统架构图业务架构图 模块介绍前端模块后端模块 环境搭建开发工具开发环境项目运行 未完待续结语 博客系统项目介绍 前言 本项目已开源在Gitee 后端…

使用PS制作毛玻璃效果

无论是在前端界面设计上还是海报制作上&#xff0c;模糊都是一种非常高级、流行的处理手法。 在2013年6月7日&#xff0c;IOS7在开发者大会上发布&#xff0c;IOS7一改以往的拟物化设计&#xff0c;以最简单的点线面引领了设计行业的风潮 IOS7上的毛玻璃效果 毛玻璃设计风格的…

html做出文字凹凸效果,css3怎么实现字体凹陷凸出效果?(附代码)

本篇文章主要给大家介绍用css3实现字体凹陷或凸出效果的实现方法。 我们在设计网页时&#xff0c;常常会需要考虑到用户体验&#xff0c;那么足够美观的网页才能吸引住用户。为了让网页内容更加丰富好看&#xff0c;我们可能会使用ps做出很多特效&#xff0c;其实除了ps&#x…

css3实现div的凸起或凹陷效果

简单的小知识 div的凸起和凹陷效果之前一直觉得是背景渐变等方式实现&#xff0c;最近突然发现只需要对div的边框进行区别设置即可&#xff0c;感觉非常神奇&#xff0c;于是分享一下。 请仔细观察对比示例中四周边框的设置&#xff0c;边框宽度是不一样的。效果在最后 示例…

PS实例一 制作凹陷的按钮(斜面和浮雕的使用)

首先看下效果 主要只是斜面和浮雕效果 1、 建两个图层 2、 双击图层2 选中斜面和浮雕效果 3、选择强光 4、ctrl 鼠标点击图层1中的内容&#xff0c;编辑->描边 5 复制图层1和图层2 按住ctrl选择图层1和图层2 点击链接图层 6 调整大小 75% 7 双击图层2副本中的斜面和浮雕调…