为什么要用转义字符串?
HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?
这就要说到HTML转义字符串(Escape Sequence)了。
转义字符串(Escape Sequence)也称字符实体(Character
Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。
转义字符串的组成
转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:
第一部分是一个&符号,英文叫ampersand;
第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;
第三部分是一个分号。
比如,要显示小于号(<),就可以写 < 或者 < 。
用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。
提示:实体名称(Entity)是区分大小写的。
备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。
如何显示空格?
通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。
HTML特殊转义字符列表
最常用的字符实体:
显示 说明 实体名称 实体编号 半方大的空白   全方大的空白   不断行的空白格 < 小于 < < > 大于 > > & &符号 & & " 双引号 " " ? 版权 © © ? 已注册商标 ® ® ? 商标(美国) ? ™ × 乘号 × × ÷ 除号 ÷ ÷
字符 十进制 转义字符 " " " & & & < < < > > > 不断开空格(non-breaking space)
HTML特殊转义字符对照表 字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符 ? ¡ ¡ á Á Á á á á ¢ ¢ ¢ ? Â ˆ a â â £ £ £ ? Ã Ã ? ã ã ¤ ¤ ¤ ? Ä Ä ? ä ä ¥ ¥ ¥ ? Å ˚ ? å å | ¦ ¦ ? Æ Æ ? æ æ § § § ? Ç Ç ? ç ç ¨ ¨ ¨ è È È è è è ? © © é É É é é é a ª ª ê Ê Ê ê ê ê ? « « ? Ë Ë ? ë ë ? ¬ ¬ ì Ì Ì ì ì ì /x7f ­ í Í Í í í í ? ® ® ? Î Î ? î î ˉ ¯ ¯ ? Ï Ï ? ï ï ° ° ° D Ð Ð e ð &ieth; ± ± ± ? Ñ Ñ ? ñ ñ 2 ² ² ò Ò Ò ò ò ò 3 ³ ³ ó Ó Ó ó ó ó ′ ´ ´ ? Ô Ô ? ô ô μ µ µ ? Õ Õ ? õ õ ? ¶ ¶ ? Ö Ö ? ö ö · · · × × × ÷ ÷ ÷ ? ¸ ¸ ? Ø Ø ? ø ø 1 ¹ ¹ ù Ù Ù ù ù ù o º º ú Ú Ú ú ú ú ? » » ? Û Û ? û û ? ¼ ¼ ü Ü Ü ü ü ü ? ½ ½ Y Ý Ý y ý ý ? ¾ ¾ T Þ Þ t þ þ ? ¿ ¿ ? ß ß ? ÿ ÿ à À À à à à
JavaScript转义符:
转义序列 字符 \b 退格 \f 走纸换页 \n 换行 \r 回车 \t 横向跳格 (Ctrl-I) \‘ 单引号 \" 双引号 \\ 反斜杠
编程的时候要注意特殊字符的问题,很多运行时出现的问题都是因为特殊字符的出现而引起的。
注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。
参考资料: