HTML中一些漂亮的特殊字符


HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal
Chester
整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。

使用方法:

  • 这些字符属于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
时间: 2024-10-12 08:24:10

HTML中一些漂亮的特殊字符的相关文章

判断字段或者字符中是否包含有特殊字符

SQL Server中,如果我们想判断一个字符串或者数据字段中是否包含有特殊字符.可以使用正则来实现.除了大小字母和数字之外全是特殊字符[^a-zA-Z0-9]

如何在Word中排出漂亮的代码

引言 学数学和计算机,当然还是用LaTeX排版技术文章更方便.但有时候还是迫不得已需要用Word写作,另外Word其实也有Word的好处,比如细节上的修改要比LaTeX方便. 从Matlab高亮代码复制到Word,中文会乱码开始,我就很想研究下如何在Word中展示漂亮的代码.今年寒假利用Vim,有些突破,10月3日的时候又有了比较大的进展,自己设计了一款Vim的代码高亮配色方案,然后利用Vim的:TOhtml命令生成html文件,再用浏览器打开html文件,复制里面的代码到Word,就能保留原始

python爬虫:解决请求路径中含义中文或特殊字符

一.解决请求路径中含义中文或特殊字符(/n,/t等): 1 httpurl=urllib.parse.quote(new_url, safe=string.printable)  注意:new_url必须是只有一个单引号或者双引号,如果是下面这个既有单引号,也有双引号,就会出现urlerror: new_url='"http://news.sina.com.cn/o/2017-06-08/doc-ifyfzaaq5698972.shtml"'

(转)正则中需要转义的特殊字符小结

既然用到了正则来解析数据,这边顺便记录一下正则中需要转义的特殊字符 特别字符 说明 $ 匹配输入字符串的结尾位置.如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ‘\n' 或 ‘\r'.要匹配 $ 字符本身,请使用 \$. ( ) 标记一个子表达式的开始和结束位置.子表达式可以获取供以后使用.要匹配这些字符,请使用 \( 和 \). * 匹配前面的子表达式零次或多次.要匹配 * 字符,请使用 \*. + 匹配前面的子表达式一次或多次.要匹配 + 字符,请使用 \+.

$-------JSP中表达式语言的$特殊字符的作用

JSP 中EL表达式用法详解 EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL主要的语法结构: ${sessionScope.user.sex} 所有EL都是以${为起始.以}为结尾的.上述EL范例的意思是:从Session的范围中,取得 用户的性别.假若依照之前JSP Scriptlet的写法如下: User user =(User)session.getAttribute("user"); String sex =u

正则中需要转义的特殊字符小结

正则表达式中的特殊字符,就是一些有特殊含义的字符,如“*.txt”中的*,简单的说就是表示任何字符串的意思. 如果要查找文件名中有*的文件,则需要对*进行转义,即在其前加一个\.ls \*.txt.正则表达式有以下特殊字符.需要转义 特别字符 说明 $ 匹配输入字符串的结尾位置.如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ‘\n' 或 ‘\r'.要匹配 $ 字符本身,请使用 \$. ( ) 标记一个子表达式的开始和结束位置.子表达式可以获取供以后使用.要匹配这些字

正则中需要转义的特殊字符

正则表达式中有一些特殊的字符需要转义,收集整理如下: 特殊字符         说明 $ 匹配输入字符串的结尾位置.如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ‘\n' 或 ‘\r'.要匹配 $ 字符本身,请使用 \$. ( ) 标记一个子表达式的开始和结束位置.子表达式可以获取供以后使用.要匹配这些字符,请使用 \( 和 \). * 匹配前面的子表达式零次或多次.要匹配 * 字符,请使用 \*. + 匹配前面的子表达式一次或多次.要匹配 + 字符,请使用 \+.

C#在Json反序列化中处理键的特殊字符

假设有如下Json 数据: view sourceprint? 1.{ 2."id" : 1, 3."@value" : "this a @", 4."$p" : "my name a $" 5.} 通常情况下,在Json反序列化时,将Json映射到序列化的类,无需指定其名称.如 view sourceprint? 1.public JsonTest{ 2.public string id{get;set;

JavaScript中url 传递参数(特殊字符)解决方法

有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了.下表中列出了一些URL特殊符号及编码 十六进制值1. + URL 中+号表示空格 %2B2. 空格 URL中的空格可以用+号或者编码 %203. / 分隔目录和子目录 %2F4. ? 分隔实际的 URL 和参数 %3F5. % 指定特殊字符 %256. # 表示书签 %237. & URL 中指定的参数间的分隔符 %268. = URL 中指定参数的值 %3D