常用 HTML 转义符对照表

<h2 style=\"margin-right: 0px; margin-bottom: 19px; margin-left: 0px; padding: 0px; color: rgb(0, 145, 147); border-bottom: 1px solid rgb(0, 145, 147); font-size: 18px; font-family: Helvetica, Arial, "Hiragino Sans GB", 冬青黑体, "Microsoft YaHei", 微软雅黑;\”>为什么要用转义字符串?

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

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

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

转义字符串的组成

转义字符串分成三部分:第一部分是一个&符号,英文叫 ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

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

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

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

最常用的字符实体

 

显示 说明 实体名称 实体编号
  半方大的空白 &ensp;
  全方大的空白 &emsp;
  不断行的空白格 &nbsp;  
< 小于 &lt; <
> 大于 &gt; >
& &符号 &amp; &
" 双引号 &quot; "
© 版权 &copy; ©
® 已注册商标 &reg; ®
商标(美国) &trade;
× 乘号 &times; ×
÷ 除号 &divide; ÷

HTML特殊转义字符列表

显示 名称 编号
  &nbsp;  
¡ &iexcl; ¡
¢ &cent; ¢
£ &pound; £
¤ &curren; ¤
¥ &yen; ¥
¦ &brvbar; ¦
§ &sect; §
¨ &uml; ¨
© &copy; ©
ª &ordf; ª
« &laquo; «
¬ &not; ¬
  &shy; ­
® &reg; ®
¯ &macr; ¯
° &deg; °
± &plusmn; ±
² &sup2; ²
³ &sup3; ³
´ &acute; ´
µ &micro; µ
&para;
· &middot; ·
¸ &cedil; ¸
¹ &sup1; ¹
º &ordm; º
» &raquo; »
¼ &frac14; ¼
½ &frac12; ½
¾ &frac34; ¾
¿ &iquest; ¿
À &Agrave; À
Á &Aacute; Á
 &Acirc; Â
à &Atilde; Ã
Ä &Auml; Ä
Å &Aring; Å
Æ &AElig; Æ
Ç &Ccedil; Ç
È &Egrave; È
É &Eacute; É
Ê &Ecirc; Ê
Ë &Euml; Ë
Ì &Igrave; Ì
Í &Iacute; Í
Î &Icirc; Î
Ï &Iuml; Ï
&Eth; &Eth; Ð
Ñ &Ntilde; Ñ
Ò &Ograve; Ò
Ó &Oacute; Ó
Ô &Ocirc; Ô
Õ &Otilde; Õ
Ö &Ouml; Ö
× &times; ×
Ø &Oslash; Ø
Ù &Ugrave; Ù
Ú &Uacute; Ú
Û &Ucirc; Û
Ü &Uuml; Ü
Ý &Yacute; Ý
&thORN; &thORN; Þ
ß &szlig; ß
à &agrave; à
á &aacute; á
â &acirc; â
ã &atilde; ã
ä &auml; ä
å &aring; å
æ &aelig; æ
ç &ccedil; ç
è &egrave; è
é &eacute; é
ê &ecirc; ê
ë &euml; ë
ì &igrave; ì
í &iacute; í
î &icirc; î
ï &iuml; ï
ð &eth; ð
ñ &ntilde; ñ
ò &ograve; ò
ó &oacute; ó
ô &ocirc; ô
õ &otilde; õ
ö &ouml; ö
÷ &divide; ÷
ø &oslash; ø
ù &ugrave; ù
ú &uacute; ú
û &ucirc; û
ü &uuml; ü
ý &yacute; ý
þ &thorn; þ
ÿ &yuml; ÿ

数学和希腊字母标志

显示 名称 编号
ƒ &fnof; ƒ
Α &Alpha; Α
Β &Beta; Β
Γ &Gamma; Γ
Δ &Delta; Δ
Ε &Epsilon; Ε
Ζ &Zeta; Ζ
Η &Eta; Η
Θ &theta; Θ
Ι &Iota; Ι
Κ &Kappa; Κ
Λ &Lambda; Λ
Μ &Mu; Μ
Ν &Nu; Ν
Ξ &Xi; Ξ
Ο &Omicron; Ο
Π &Pi; Π
Ρ &Rho; Ρ
Σ &Sigma; Σ
Τ &Tau; Τ
Υ &Upsilon; Υ
Φ &Phi; Φ
Χ &Chi; Χ
Ψ &Psi; Ψ
Ω &Omega; Ω
α &alpha; α
β &beta; β
γ &gamma; γ
δ &delta; δ
ε &epsilon; ε
ζ &zeta; ζ
η &eta; η
θ &theta; θ
ι &iota; ι
κ &kappa; κ
λ &lambda; λ
μ &mu; μ
ν &nu; ν
ξ &xi; ξ
ο &omicron; ο
π &pi; π
ρ &rho; ρ
ς &sigmaf; ς
σ &sigma; σ
τ &tau; τ
υ &upsilon; υ
φ &phi; φ
χ &chi; χ
ψ &psi; ψ
ω &omega; ω
? &thetasym; ϑ
? &upsih; ϒ
? &piv; ϖ
&bull;
&hellip;
&prime;
&Prime;
&oline;
&frasl;
&weierp;
&image;
&real;
&trade;
&alefsym;
&larr;
&uarr;
&rarr;
&darr;
&harr;
&crarr;
&lArr;
&uArr;
&rArr;
&dArr;
&hArr;
&forall;
&part;
&exist;
&empty;
&nabla;
&isin;
&notin;
&ni;
&prod;
&sum;
&minus;
&lowast;
&radic;
&prop;
&infin;
&ang;
&and;
&or;
&cap;
&cup;
&int;
&there4;
&sim;
&cong;
&asymp;
&ne;
&equiv;
&le;
&ge;
&sub;
&sup;
&nsub;
&sube;
&supe;
&oplus;
&otimes;
&perp;
&sdot;
? &lceil;
? &rceil;
? &lfloor;
? &rfloor;
? &lang;
? &rang;
&loz;
&spades;
&clubs;
&hearts;
&diams;

重要的国际标记

显示 名称 编号
&quot; "
& &amp; &
< &lt; <
> &gt; >
Œ &OElig; Œ
œ &oelig; œ
Š &Scaron; Š
š &scaron; š
Ÿ &Yuml; Ÿ
ˆ &circ; ˆ
˜ &tilde; ˜
&ensp;
&emsp;
&thinsp;
&zwnj;
&zwj;
&lrm;
&rlm;
&ndash;
&mdash;
&lsquo;
&rsquo;
&sbquo;
&ldquo;
&rdquo;
&bdquo;
&dagger;
&Dagger;
&permil;
&lsaquo;
&rsaquo;
&euro;

JavaScript 转义符

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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容