HTML特殊转义字符列表

本文详细介绍了HTML中的特殊转义字符及其用途,并通过实例解释了如何在JavaScript中正确处理双引号与单引号,避免因特殊字符引发的错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML特殊转义字符列表
2009-11-10 15:45

 

如何显示空格?

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


HTML特殊转义字符列表

最常用的字符实体
Character Entities

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

ISO 8859-1 (Latin-1)字符集

HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。

备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
 &nbsp;&#160;¡&iexcl;&#161;¢&cent;&#162;£&pound;&#163;¤&curren;&#164;
¥&yen;&#165;¦&brvbar;&#166;§&sect;&#167;¨&uml;&#168;©&copy;&#169;
ª&ordf;&#170;«&laquo;&#171;¬&not;&#172;­&shy;&#173;®&reg;&#174;
¯&macr;&#175;°&deg;&#176;±&plusmn;&#177;²&sup2;&#178;³&sup3;&#179;
´&acute;&#180;µ&micro;&#181;&para;&#182;·&middot;&#183;¸&cedil;&#184;
¹&sup1;&#185;º&ordm;&#186;»&raquo;&#187;¼&frac14;&#188;½&frac12;&#189;
¾&frac34;&#190;¿&iquest;&#191;À&Agrave;&#192;Á&Aacute;&#193;Â&Acirc;&#194;
Ã&Atilde;&#195;Ä&Auml;&#196;Å&Aring;&#197;Æ&AElig;&#198;Ç&Ccedil;&#199;
È&Egrave;&#200;É&Eacute;&#201;Ê&Ecirc;&#202;Ë&Euml;&#203;Ì&Igrave;&#204;
Í&Iacute;&#205;Î&Icirc;&#206;Ï&Iuml;&#207;Ð&ETH;&#208;Ñ&Ntilde;&#209;
Ò&Ograve;&#210;Ó&Oacute;&#211;Ô&Ocirc;&#212;Õ&Otilde;&#213;Ö&Ouml;&#214;
×&times;&#215;Ø&Oslash;&#216;Ù&Ugrave;&#217;Ú&Uacute;&#218;Û&Ucirc;&#219;
Ü&Uuml;&#220;Ý&Yacute;&#221;Þ&THORN;&#222;ß&szlig;&#223;à&agrave;&#224;
á&aacute;&#225;â&acirc;&#226;ã&atilde;&#227;ä&auml;&#228;å&aring;&#229;
æ&aelig;&#230;ç&ccedil;&#231;è&egrave;&#232;é&eacute;&#233;ê&ecirc;&#234;
ë&euml;&#235;ì&igrave;&#236;í&iacute;&#237;î&icirc;&#238;ï&iuml;&#239;
ð&eth;&#240;ñ&ntilde;&#241;ò&ograve;&#242;ó&oacute;&#243;ô&ocirc;&#244;
õ&otilde;&#245;ö&ouml;&#246;÷&divide;&#247;ø&oslash;&#248;ù&ugrave;&#249;
ú&uacute;&#250;û&ucirc;&#251;ü&uuml;&#252;ý&yacute;&#253;þ&thorn;&#254;
ÿ&yuml;&#255;

数学和希腊字母标志
symbols, mathematical symbols, and Greek letters

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
ƒ&fnof;&#402;Α&Alpha;&#913;Β&Beta;&#914;Γ&Gamma;&#915;Δ&Delta;&#916;
Ε&Epsilon;&#917;Ζ&Zeta;&#918;Η&Eta;&#919;Θ&Theta;&#920;Ι&Iota;&#921;
Κ&Kappa;&#922;Λ&Lambda;&#923;Μ&Mu;&#924;Ν&Nu;&#925;Ξ&Xi;&#926;
Ο&Omicron;&#927;Π&Pi;&#928;Ρ&Rho;&#929;Σ&Sigma;&#931;Τ&Tau;&#932;
Υ&Upsilon;&#933;Φ&Phi;&#934;Χ&Chi;&#935;Ψ&Psi;&#936;Ω&Omega;&#937;
α&alpha;&#945;β&beta;&#946;γ&gamma;&#947;δ&delta;&#948;ε&epsilon;&#949;
ζ&zeta;&#950;η&eta;&#951;θ&theta;&#952;ι&iota;&#953;κ&kappa;&#954;
λ&lambda;&#955;μ&mu;&#956;ν&nu;&#957;ξ&xi;&#958;ο&omicron;&#959;
π&pi;&#960;ρ&rho;&#961;ς&sigmaf;&#962;σ&sigma;&#963;τ&tau;&#964;
υ&upsilon;&#965;φ&phi;&#966;χ&chi;&#967;ψ&psi;&#968;ω&omega;&#969;
?&thetasym;&#977;?&upsih;&#978;?&piv;&#982;&bull;&#8226;&hellip;&#8230;
&prime;&#8242;&Prime;&#8243;&oline;&#8254;&frasl;&#8260;&weierp;&#8472;
&image;&#8465;&real;&#8476;&trade;&#8482;&alefsym;&#8501;&larr;&#8592;
&uarr;&#8593;&rarr;&#8594;&darr;&#8595;&harr;&#8596;&crarr;&#8629;
&lArr;&#8656;&uArr;&#8657;&rArr;&#8658;&dArr;&#8659;&hArr;&#8660;
&forall;&#8704;&part;&#8706;&exist;&#8707;&empty;&#8709;&nabla;&#8711;
&isin;&#8712;&notin;&#8713;&ni;&#8715;&prod;&#8719;&sum;&#8721;
&minus;&#8722;&lowast;&#8727;&radic;&#8730;&prop;&#8733;&infin;&#8734;
&ang;&#8736;&and;&#8743;&or;&#8744;&cap;&#8745;&cup;&#8746;
&int;&#8747;&there4;&#8756;&sim;&#8764;&cong;&#8773;&asymp;&#8776;
&ne;&#8800;&equiv;&#8801;&le;&#8804;&ge;&#8805;&sub;&#8834;
&sup;&#8835;&nsub;&#8836;&sube;&#8838;&supe;&#8839;&oplus;&#8853;
&otimes;&#8855;&perp;&#8869;&sdot;&#8901;?&lceil;&#8968;?&rceil;&#8969;
?&lfloor;&#8970;?&rfloor;&#8971;?&lang;&#9001;?&rang;&#9002;&loz;&#9674;
&spades;&#9824;&clubs;&#9827;&hearts;&#9829;&diams;&#9830;

重要的国际标记
markup-significant and internationalization characters

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
"&quot;&#34;&&amp;&#38;<&lt;&#60;>&gt;&#62;Œ&OElig;&#338;
œ&oelig;&#339;Š&Scaron;&#352;š&scaron;&#353;Ÿ&Yuml;&#376;ˆ&circ;&#710;
˜&tilde;&#732;&ensp;&#8194;&emsp;&#8195;&thinsp;&#8201;&zwnj;&#8204;
&zwj;&#8205;&lrm;&#8206;&rlm;&#8207;&ndash;&#8211;&mdash;&#8212;
&lsquo;&#8216;&rsquo;&#8217;&sbquo;&#8218;&ldquo;&#8220;&rdquo;&#8221;
&bdquo;&#8222;&dagger;&#8224;&Dagger;&#8225;&permil;&#8240;&lsaquo;&#8249;
&rsaquo;&#8250; &euro;&#8364;

JavaScript转义

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

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

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


 

转换(to Unicode)

(程序代来源于网络)

 

Js版

<script>
      test = "你好abc"
      str = ""
      for( i=0;     i<test.length; i++ )
      {
       temp = test.charCodeAt(i).toString(16);
       str     += "//u"+ new Array(5-String(temp).length).join("0") +temp;
      }
      document.write (str)
</script>


vbs版


Function Unicode(str1)
      Dim str,temp
      str = ""
      For i=1     to len(str1)
       temp = Hex(AscW(Mid(str1,i,1)))
       If len(temp) < 5 Then     temp = right("0000" & temp, 4)
       str = str & "/u" & temp
      Next
      Unicode = str
End Function


 

Function htmlentities(str)
      For i = 1 to Len(str)
          char = mid(str, i, 1)
          If Ascw(char) > 128 then
              htmlentities = htmlentities & "&#" & Ascw(char) & ";"
          Else
              htmlentities = htmlentities & char
          End if
      Next
End Function

 

 

coldfusion

 

function nochaoscode(str)
{
      var new_str = “”;
      for(i=1; i lte len(str);i=i+1){
          if(asc(mid(str,i,1)) lt 128){
              new_str = new_str & mid(str,i,1);
          }else{
              new_str = new_str & “&##” & asc(mid(str,i,1));
          }
      }
      return new_str;
}

 


 

附:

在php中我们可以用mbstring的mb_convert_encoding函数实现这个正向及反向的转化。 如:

 

mb_convert_encoding ("你好", "HTML-ENTITIES", "gb2312"); //输出:&#20320;&#22909;

mb_convert_encoding ("&#20320;&#22909;", "gb2312", "HTML-ENTITIES"); //输出:你好

 

如果需要对整个页面转化,则只需要在php文件的头部加上这三行代

 

mb_internal_encoding("gb2312"); // 这里的gb2312是你网站原来的编

mb_http_output("HTML-ENTITIES");

ob_start('mb_output_handler');




=================================================

单引号,双引号,javascript,HTML,转义字符
2009-08-03 10:27

在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后,再漫不经心地改为:
<input value="Test" type="button" onclick="alert(/"OK/");" />
结果还是出错。
这时,我就想不通了,虽然我知道最直接的解决方法是写成这样:
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符/没有效果了呢?

后来找到一段正常的代码:
<input value="Test" type="button" onclick="alert(&quot;OK&quot;);" />
这时才理解,原来这时,还是归于HTML的管辖范围,所以转义字符应该使用HTML的,而不是javascript的。两个双引号的做法是vbScript的,/"这种做法则是javascript的,而HTML的,则是用&quot;,此外还可以使用:"、&#x27。

下面列出各种表达方法:
<html>
<body>
<input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" /><br />
<input value="外单引号内单引号-错误" type="button" onclick='alert('OK');' /><br />
<input value="两个双引号-错误" type="button" onclick="alert(""OK"");" /><br />
<input value="两个单引号-错误" type="button" onclick="alert(''OK'');" /><br />
<input value="/+双引号-错误" type="button" onclick="alert(/"OK/");" /><br />
<input value="/+单引号-错误" type="button" onclick="alert(/'OK/');" /><br />
<input value="外双引号内单引号-OK" type="button" onclick="alert('OK');" /><br />
<input value="外单引号内双引号-OK" type="button" onclick='alert("OK");' /><br />
<input value="外部不使用引号-OK" type="button" onclick=alert('OK');alert("OK"); /><br />
<input value="HTML转义字符"(& # 3 4 ;)-OK" type="button" onclick="alert("OK");" /><br />
<input value="HTML转义字符'(& # 3 9 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符"(& # x 2 2 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符'(& # x 2 7 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符&quot;(& q u o t ;)-OK" type="button" onclick="alert(&quot;OK&quot;);" /><br />
<input value="HTML转义字符&apos;(& a p o s ;)-IE错误" type="button" onclick="alert(&apos;OK&apos;);" /><br />

<input value="其它//-错误" type="button" onclick="alert(//"OK//");" /><br />
<input value="其它/& # 3 4 ;-错误" type="button" onclick="alert(/"OK/");" /><br />
</body>
</html>















评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值