人民币符号在html的显示方法

原创 2016年08月30日 18:42:51
之前做页面的时候碰到一个问题——人民币符号 (¥) 的显示问题,IE6下特别明显。
font-size:12px;的时候显示没有问题,但是一旦大于12px就会显示异常。
于是上网查了一下看有什么方法不,解决方案如下:
人民币符号 ¥ 的页面显示:
1. 直接复制粘贴使用 " ¥ "
2. 使用 "¥" (没看出什么效果,跳过)
3. css设置字体属性 font-family:Arial;
   在网页使用¥符号

 * 目前淘宝用的是第三种方法

 * 为了更兼容和易用,也建议用第三种办

但是经过验证,淘宝现在用的是图片背景人民币符号在html的显示方法

所以,暂时就在碰到大于12px文字的时候选择用第三种解决办法

最常用的字符实体(Character Entities)

显示结果 说明 Entity Name Entity Number
  显示一个空格    
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
" 双引号 &quot; &#34;

其他常用的字符实体(Character Entities)

显示结果 说明 Entity Name Entity Number
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

更多字符实体(Character Entities)

字符 十进制字符编号 实体名字 说明
--- &#00; --- 未使用Unused
--- &#01; --- 未使用Unused
--- &#02; --- 未使用Unused
--- &#03; --- 未使用Unused
--- &#04; --- 未使用Unused
--- &#05; --- 未使用Unused
--- &#06; --- 未使用Unused
--- &#07; --- 未使用Unused
--- &#08; --- 未使用Unused
--- &#09; --- 制表符Horizontal tab
--- &#10; --- 换行Line feed
--- &#11; --- 未使用Unused
--- &#12; --- 未使用Unused
--- &#13; --- 回车Carriage Return
--- &#14; --- 未使用Unused
--- &#15; --- 未使用Unused
--- &#16; --- 未使用Unused
--- &#17; --- 未使用Unused
--- &#18; --- 未使用Unused
--- &#19; --- 未使用Unused
--- &#20; --- 未使用Unused
--- &#21; --- 未使用Unused
--- &#22; --- 未使用Unused
--- &#23; --- 未使用Unused
--- &#24; --- 未使用Unused
--- &#25; --- 未使用Unused
--- &#26; --- 未使用Unused
--- &#27; --- 未使用Unused
--- &#28; --- 未使用Unused
--- &#29; --- 未使用Unused
--- &#30; --- 未使用Unused
--- &#31; --- 未使用Unused
  &#32; --- Space
! &#33; --- 惊叹号Exclamation mark
" &#34; &quot; 双引号Quotation mark
# &#35; --- 数字标志Number sign
$ &#36; --- 美元标志Dollar sign
% &#37; --- 百分号Percent sign
& &#38; &amp; Ampersand
' &#39; --- 单引号Apostrophe
( &#40; --- 小括号左边部分Left parenthesis
) &#41; --- 小括号右边部分Right parenthesis
* &#42; --- 星号Asterisk
+ &#43; --- 加号Plus sign
, &#44; --- 逗号Comma
- &#45; --- 连字号Hyphen
. &#46; --- 句号Period (fullstop)
/ &#47; --- 斜杠Solidus (slash)
0 &#48; --- 数字0 Digit 0
1 &#49; --- 数字1 Digit 1
2 &#50; --- 数字2 Digit 2
3 &#51; --- 数字3 Digit 3
4 &#52; --- 数字4 Digit 4
5 &#53; --- 数字5 Digit 5
6 &#54; --- 数字6 Digit 6
7 &#55; --- 数字7 Digit 7
8 &#56; --- 数字8 Digit 8
9 &#57; --- 数字9 Digit 9
: &#58; --- 冒号Colon
; &#59; --- 分号Semicolon
< &#60; &lt; 小于号Less than
= &#61; --- 等于符号Equals sign
> &#62; &gt; 大于号Greater than
? &#63; --- 问号Question mark
@ &#64; --- Commercial at
A &#65; --- 大写A Capital A
B &#66; --- 大写B Capital B
C &#67; --- 大写C Capital C
D &#68; --- 大写D Capital D
E &#69; --- 大写E Capital E
F &#70; --- 大写F Capital F
G &#71; --- 大写G Capital G
H &#72; --- 大写H Capital H
I &#73; --- 大写J Capital I
J &#74; --- 大写K Capital J
K &#75; --- 大写L Capital K
L &#76; --- 大写K Capital L
M &#77; --- 大写M Capital M
N &#78; --- 大写N Capital N
O &#79; --- 大写O Capital O
P &#80; --- 大写P Capital P
Q &#81; --- 大写Q Capital Q
R &#82; --- 大写R Capital R
S &#83; --- 大写S Capital S
T &#84; --- 大写T Capital T
U &#85; --- 大写U Capital U
V &#86; --- 大写V Capital V
W &#87; --- 大写W Capital W
X &#88; --- 大写X Capital X
Y &#89; --- 大写Y Capital Y
Z &#90; --- 大写Z Capital Z
[ &#91; --- 中括号左边部分Left square bracket
\ &#92; --- 反斜杠Reverse solidus (backslash)
] &#93; --- 中括号右边部分Right square bracket
^ &#94; --- Caret
_ &#95; --- 下划线Horizontal bar (underscore)
` &#96; --- 尖重音符Acute accent
a &#97; --- 小写a Small a
b &#98; --- 小写b Small b
c &#99; --- 小写c Small c
d &#100; --- 小写d Small d
e &#101; --- 小写e Small e
f &#102; --- 小写f Small f
g &#103; --- 小写g Small g
h &#104; --- 小写h Small h
i &#105; --- 小写i Small i
j &#106; --- 小写j Small j
k &#107; --- 小写k Small k
l &#108; --- 小写l Small l
m &#109; --- 小写m Small m
n &#110; --- 小写n Small n
o &#111; --- 小写o Small o
p &#112; --- 小写p Small p
q &#113; --- 小写q Small q
r &#114; --- 小写r Small r
s &#115; --- 小写s Small s
t &#116; --- 小写t Small t
u &#117; --- 小写u Small u
v &#118; --- 小写v Small v
w &#119; --- 小写w Small w
x &#120; --- 小写x Small x
y &#121; --- 小写y Small y
z &#122; --- 小写z Small z
{ &#123; --- 大括号左边部分Left curly brace
| &#124; --- 竖线Vertical bar
} &#125; --- 大括号右边部分Right curly brace
~ &#126; --- Tilde
--- &#127; --- 未使用Unused
  &#160; &nbsp; 空格Nonbreaking space
¡ &#161; &iexcl; Inverted exclamation
¢ &#162; &cent; 货币分标志Cent sign
£ &#163; &pound; 英镑标志Pound sterling
¤ &#164; &curren; 通用货币标志General currency sign
¥ &#165; &yen; 日元标志Yen sign
¦ &#166; &brvbar; or &brkbar; 断竖线Broken vertical bar
§ &#167; &sect; 分节号Section sign
¨ &#168; &uml; or &die; 变音符号Umlaut
© &#169; &copy; 版权标志Copyright
ª &#170; &ordf; Feminine ordinal
« &#171; &laquo; Left angle quote, guillemet left
¬ &#172; &not Not sign
  &#173; &shy; Soft hyphen
® &#174; &reg; 注册商标标志Registered trademark
¯ &#175; &macr; or &hibar; 长音符号Macron accent
° &#176; &deg; 度数标志Degree sign
± &#177; &plusmn; 加或减Plus or minus
² &#178; &sup2; 上标2 Superscript two
³ &#179; &sup3; 上标3 Superscript three
´ &#180; &acute; 尖重音符Acute accent
µ &#181; &micro; Micro sign
&#182; &para; Paragraph sign
· &#183; &middot; Middle dot
¸ &#184; &cedil; Cedilla
¹ &#185; &sup1; 上标1 Superscript one
º &#186; &ordm; Masculine ordinal
» &#187; &raquo; Right angle quote, guillemet right
¼ &#188; &frac14; 四分之一Fraction one-fourth
½ &#189; &frac12; 二分之一Fraction one-half
¾ &#190; &frac34; 四分之三Fraction three-fourths
¿ &#191; &iquest; Inverted question mark
À &#192; &Agrave; Capital A, grave accent
Á &#193; &Aacute; Capital A, acute accent
 &#194; &Acirc; Capital A, circumflex
à &#195; &Atilde; Capital A, tilde
Ä &#196; &Auml; Capital A, di?esis / umlaut
Å &#197; &Aring; Capital A, ring
Æ &#198; &AElig; Capital AE ligature
Ç &#199; &Ccedil; Capital C, cedilla
È &#200; &Egrave; Capital E, grave accent
É &#201; &Eacute; Capital E, acute accent
Ê &#202; &Ecirc; Capital E, circumflex
Ë &#203; &Euml; Capital E, di?esis / umlaut
Ì &#204; &Igrave; Capital I, grave accent
Í &#205; &Iacute; Capital I, acute accent
Î &#206; &Icirc; Capital I, circumflex
Ï &#207; &Iuml; Capital I, di?esis / umlaut
Ð &#208; &ETH; Capital Eth, Icelandic
Ñ &#209; &Ntilde; Capital N, tilde
Ò &#210; &Ograve; Capital O, grave accent
Ó &#211; &Oacute; Capital O, acute accent
Ô &#212; &Ocirc; Capital O, circumflex
Õ &#213; &Otilde; Capital O, tilde
Ö &#214; &Ouml; Capital O, di?esis / umlaut
× &#215; &times; 乘号Multiply sign
Ø &#216; &Oslash; Capital O, slash
Ù &#217; &Ugrave; Capital U, grave accent
Ú &#218; &Uacute; Capital U, acute accent
Û &#219; &Ucirc; Capital U, circumflex
Ü &#220; &Uuml; Capital U, di?esis / umlaut
Ý &#221; &Yacute; Capital Y, acute accent
Þ &#222; &THORN; Capital Thorn, Icelandic
ß &#223; &szlig; Small sharp s, German sz
à &#224; &agrave; Small a, grave accent
á &#225; &aacute; Small a, acute accent
â &#226; &acirc; Small a, circumflex
ã &#227; &atilde; Small a, tilde
ä &#228; &auml; Small a, di?esis / umlaut
å &#229; &aring; Small a, ring
æ &#230; &aelig; Small ae ligature
ç &#231; &ccedil; Small c, cedilla
è &#232; &egrave; Small e, grave accent
é &#233; &eacute; Small e, acute accent
ê &#234; &ecirc; Small e, circumflex
ë &#235; &euml; Small e, di?esis / umlaut
ì &#236; &igrave; Small i, grave accent
í &#237; &iacute; Small i, acute accent
î &#238; &icirc; Small i, circumflex
ï &#239; &iuml; Small i, di?esis / umlaut
ð &#240; &eth; Small eth, Icelandic
ñ &#241; &ntilde; Small n, tilde
ò &#242; &ograve; Small o, grave accent
ó &#243; &oacute; Small o, acute accent
ô &#244; &ocirc; Small o, circumflex
õ &#245; &otilde; Small o, tilde
ö &#246; &ouml; Small o, di?esis / umlaut
÷ &#247; &divide; 除号Division sign
ø &#248; &oslash; Small o, slash
ù &#249; &ugrave; Small u, grave accent
ú &#250; &uacute; Small u, acute accent
û &#251; &ucirc; Small u, circumflex
ü &#252; &uuml; Small u, di?esis / umlaut
ý &#253; &yacute; Small y, acute accent
þ &#254; &thorn; Small thorn, Icelandic
ÿ &#255; &yuml; Small y, umlaut

版权声明:本文为博主原创文章,未经博主允许不得转载。

人民币(¥)符号在html中的显示

在html页面显示RMB符号(¥)出现?乱码     我是在html页面的金额数前面直接 ¥ 100 这样写,结果本地的可以正常显示,但是部署在服务器上不能正常显示,请求的服务器是linux,放项目...
  • MeiX505
  • MeiX505
  • 2013年12月01日 16:05
  • 8871

在HTML中打出人民币符号和对勾符号

人民币符号:¥;对勾符号:√
  • hjb2722404
  • hjb2722404
  • 2015年09月02日 18:18
  • 4137

润乾报表-页面显示

1.scale  报表显示缩放比例,属性取值(实数),缺省值为1.0 (在jsp文件中修改)          实际指的是报表中字体的大小 eg. scale="2"   2.need...
  • ma18845639852
  • ma18845639852
  • 2017年05月04日 19:18
  • 969

网页中人民币符号的正确输入姿势

在前端开发中,应该怎样正确的在页面中显示人民币符号“¥”呢?
  • ouyangye831
  • ouyangye831
  • 2016年12月15日 09:39
  • 202

解决h5人民币符号在华为等个别手机上不显示

今天同事做h5商城,运行在华为的测试机上发现¥符号没有显示,而在其他大多数手机上都能正常显示,后来发现京东也有这个问题。 我首先想到的是客户机上没有此字体导致,于是百度¥符号是属于什么字体(搜索结果是...
  • yyy8343
  • yyy8343
  • 2017年12月13日 13:53
  • 838

¥符号在不同字体和设备上的显示

作为电商公司,商品的展示是前端所需要实现的基本功能,而人民币符号则会由于不同字体有不一样的展示。 目前我们公司采用的是在pc平台上统一是¥(中间两横的人民币符号),实际代码组织为: ¥ 68...
  • SYYling
  • SYYling
  • 2016年06月13日 14:30
  • 1947

android 羊角符号(¥)在不同手机上显示不同

问题,部分手机显示为单个横 1.设置字体加粗,即可解决但是不美观 2.自定义字体 3.svg 4.直接使用图片...
  • H291850336
  • H291850336
  • 2016年06月17日 15:00
  • 2942

人民币符号¥单横线?双横线?

事情发生在前几天 公司是生鲜电商,微商城中人民币符号是¥而我是用的¥,也不知道怎么看到这个,我就查查资料 第一; 我是用输入法打出来的,(QQ输入法)中文模式下按Shift+数字4(非小键盘) 打出来...
  • u013134391
  • u013134391
  • 2016年12月06日 18:15
  • 1459

CDR中人民币符号怎么打

在使用CorelDRAW做一些淘宝图或标签设计时,经常要需要用到钱币符号做价格比对。有没有遇到过做到一半的时候突然不知道人民币符号怎么打了,可能你会想到网上搜索,然后直接给复制过来,但是如果没有网络,...
  • coreldraw2016
  • coreldraw2016
  • 2017年04月18日 11:29
  • 428

TextView显示人民币符号¥

这真的是个鸡肋的问题,如果你复制上面的人民币符号到你的TextView中,显示出来的效果是这样的 。网上有很多种复杂的解决方案,什么修改字体啥的,我也是服了,那我还不如去换个图片呢。 简单暴力的...
  • lgzaaron
  • lgzaaron
  • 2016年08月30日 10:08
  • 131
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:人民币符号在html的显示方法
举报原因:
原因补充:

(最多只允许输入30个字)