怎么显示HTML5的特殊符号

发布时间:2021-03-08 13:57:54 作者:TREX
来源:亿速云 阅读:485

本篇内容主要讲解“怎么显示HTML5的特殊符号”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么显示HTML5的特殊符号”吧!

在HTML5中,特殊符号可以通过“字符实体”来显示。HTML中一些特殊符号是无法直接使用显示的,例如“<”和“>”,浏览器会误认为它们是标签;此时就可以使用字符实体“<”和“>”来显示它们。

怎么显示HTML5的特殊符号

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如下面的html代码:

   <body>
        显示:<input id="myTest" type="text" value="5<=6" ></input>
    </body>

上面的value属性值中含有“<”,浏览器可能会正常显示,但是在解析的时候可能就会出错。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:

&entity_name;
或
&#entity_number;

如需显示小于号,我们必须这样写:&lt; 或 &#60; 或 &#060;

提示: 使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

(相关推荐:html教程 )

特殊字符对应表

下面附上特殊字符对应表

字符十进制字符编号实体名字
!&#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;日元标
¦&#166; &brvbar;or &brkbar;“`
§&#167; &sect;分节号Section sign
¨&#168; &uml;or ¨“`
©&#169; &copy;版权标志Copyright
ª&#170; &ordf;Feminine ordinal
«&#171; &laquo;Left angle quote, guillemet left
¬“`¬ ¬Not sign
“““&#173; &shy;Soft hyphen
®&#174; &reg;注册商标标志Registered trademark
¯&#175; &macr;or &hibar;“`
°&#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

到此,相信大家对“怎么显示HTML5的特殊符号”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. shell特殊符号 命令
  2. HTML5中显示视频的示例

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 特殊符号 字符实体

上一篇:如何在PHP中使用array_merge对数组的下标重新排列

下一篇:利用ThinkPHP怎么在Cli模式下使用模板引擎

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》