码迷,mamicode.com
首页 > Web开发 > 详细

HTML 转义字符表

时间:2015-04-29 15:12:38      阅读:367      评论:0      收藏:0      [点我收藏+]

标签:html   转义字符   

为什么要用转义字符串?

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

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


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


转义字符串的组成

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

第一部分是一个&符号,英文叫ampersand;

第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;

第三部分是一个分号。


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

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

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

备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。


如何显示空格?

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&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;

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

HTML特殊转义字符对照表
字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符
? &#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; ù &#249; &ugrave;
o &#186; &ordm; ú &#218; &Uacute; ú &#250; &uacute;
? &#187; &raquo; ? &#219; &Ucirc; ? &#251; &ucirc;
? &#188; &frac14; ü &#220; &Uuml; ü &#252; &uuml;
? &#189; &frac12; Y &#221; &Yacute; y &#253; &yacute;
? &#190; &frac34; T &#222; &THORN; t &#254; &thorn;
? &#191; &iquest; ? &#223; &szlig; ? &#255; &yuml;
à &#192; &Agrave; à &#224; &agrave;

JavaScript转义符:

转义序列 字符
\b 退格
\f 走纸换页
\n 换行
\r 回车
\t 横向跳格 (Ctrl-I)
\‘ 单引号
\" 双引号
\\ 反斜杠


编程的时候要注意特殊字符的问题,很多运行时出现的问题都是因为特殊字符的出现而引起的。


注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。


参考资料:

http://tool.oschina.net/

http://114.xixik.com/character/

HTML 转义字符表

标签:html   转义字符   

原文地址:http://blog.csdn.net/tennysonsky/article/details/45362365

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!