国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > HTML 转义字符表

HTML 转义字符表

来源:程序员人生   发布时间:2015-06-29 08:35:23 阅读次数:3151次

为何要用转义字符串?

HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们终究看到的网页里的,那如果我们希望在网页中显示这些符号,该怎样办呢?

这就要说到HTML转义字符串(Escape Sequence)了。


转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的缘由有两个第1个缘由是像“<”和“>”这类符号已用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵照字母大小写的规则。第2个缘由是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。


转义字符串的组成

转义字符串(Escape Sequence),即字符实体(Character Entity)分成3部份

第1部份是1个&符号,英文叫ampersand;

第2部份是实体(Entity)名字或是#加上实体(Entity)编号;

第3部份是1个分号。


比如,要显示小于号(<),就能够写 &lt; 或 &#60; 。

用实体(Entity)名字的好处是比较好理解,1看lt,大概就猜出是less than的意思,但是其劣势在于其实不是所有的阅读器都支持最新的Entity名字。而实体(Entity)编号,各种阅读器都能处理。

提示:实体名称(Entity)是辨别大小写的。

备注:同1个符号,可以用“实体名称”和“实体编号”两种方式援用,“实体名称”的优势在于便于记忆,但不能保证所有的阅读器都能顺利辨认它,而“实体编号”则没有这类耽忧,但它实在不方便记忆。


如何显示空格?

通常情况下,HTML会自动截去过剩的空格。不管你加多少空格,都被看作1个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保存1个。为了在网页中增加空格,你可使用&nbsp;表示空格。


HTML特殊转义字符列表

最经常使用的字符实体:

显示 说明 实体名称 实体编号
  半方大的空白 &ensp; &#8194;
  全方大的空白 &emsp; &#8195;
  不断行的空白格 &nbsp; &#160;
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
" 双引号 &quot; &#34;
? 版权 &copy; &#169;
? 已注册商标 &reg; &#174;
? 商标(美国) ? &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

字符 10进制 转义字符
" &#34; &quot;
& &#38; &amp;
< &#60; &lt;
> &#62; &gt;
不断开空格(non-breaking space) &#160; &nbsp;

HTML特殊转义字符对比表
字符 10进制 转义字符 字符 10进制 转义字符 字符 10进制 转义字符
? &#161; &iexcl; á &#193; &Aacute; á &#225; &aacute;
&#162; &cent; ? &#194; &circ; a &#226 &acirc;
&#163; &pound; ? &#195; &Atilde; ? &#227; &atilde;
¤ &#164; &curren; ? &#196; &Auml ? &#228; &auml;
&#165; &yen; ? &#197; &ring; ? &#229; &aring;
| &#166; &brvbar; ? &#198; &AElig; ? &#230; &aelig;
§ &#167; &sect; ? &#199; &Ccedil; ? &#231; &ccedil;
¨ &#168; &uml; è &#200; &Egrave; è &#232; &egrave;
? &#169; &copy; é &#201; &Eacute; é &#233; &eacute;
a &#170; &ordf; ê &#202; &Ecirc; ê &#234; &ecirc;
? &#171; &laquo; ? &#203; &Euml; ? &#235; &euml;
? &#172; &not; ì &#204; &Igrave; ì &#236; &igrave;
/x7f &#173; &shy; í &#205; &Iacute; í &#237; &iacute;
? &#174; &reg; ? &#206; &Icirc; ? &#238; &icirc;
ˉ &#175; &macr; ? &#207; &Iuml; ? &#239; &iuml;
° &#176; &deg; D &#208; &ETH; e &#240; &ieth;
± &#177; &plusmn; ? &#209; &Ntilde; ? &#241; &ntilde;
2 &#178; &sup2; ò &#210; &Ograve; ò &#242; &ograve;
3 &#179; &sup3; ó &#211; &Oacute; ó &#243; &oacute;
&#180; &acute; ? &#212; &Ocirc; ? &#244; &ocirc;
μ &#181; &micro; ? &#213; &Otilde; ? &#245; &otilde;
? &#182; &para; ? &#214; &Ouml; ? &#246; &ouml;
&#183; &middot; &times; &#215; &times; ÷ &#247; &divide;
? &#184; &cedil; ? &#216; &Oslash; ? &#248; &oslash;
1 &#185; &sup1; ù &#217; &Ugrave; 生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生