`

html转义字符

    博客分类：
  • HTML
html 转义字符 
阅读更多

 

HTML 字符实体（Character Entities ），转义字符串（Escape Sequence ）

为什么要用转义字符串？

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 特殊转义字符列表

最常用的字符实体
Character Entities

显示

说明

实体名称

实体编号

 

半方大的空白

&ensp;

&#8194;

 

 

 

 

 

全方大的空白

&emsp;

&#8195;

 

 

 

 

 

不断行的空白格

&nbsp;

&#160;

< 

小于

&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');

来源：HTML 转义字符： http://114.xixik.com/character/

相关：正则表达式： http://114.xixik.com/regex/

 

分享到：
| JavaScript 晋级一
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    常用HTML转义字符,html转义符,JavaScript转义符,html转义字符表,HTML语言特殊字符对照表(ISO Latin-1字符集) - 来源：嘻嘻网 114_xixik_com_files

    HTML转义字符是网页开发中不可或缺的一部分，它们用于在HTML文档中表示特殊字符，防止浏览器错误解析或意外的代码执行。这些字符实体通常由一个反斜杠（\）后跟一个或多个数字或字母组成，例如"&lt;"代表小于号（&lt;）...

    HTML 转义字符串

    HTML（HyperText Markup Language）是...总之，HTML转义字符串是编写网页内容时必须了解的基本概念，它确保了HTML代码的正确解析，并有助于防止潜在的安全问题。熟练运用转义字符串，能够使我们的网页更加健壮、安全。

    JAVA实现html转义字符及css清除_.docx

    ### JAVA实现HTML转义字符及CSS清除解析 #### 一、引言 在Web开发中，经常需要处理用户提交的数据，为了避免XSS攻击等问题，通常需要对这些数据进行一定的处理，比如转义HTML特殊字符、清除HTML标签以及从CSS样式中...

    html转义字符表--大全

    HTML转义字符是HTML语言中的一种机制，用于在文档中插入特殊或无法直接显示的字符。这是因为HTML语言中，某些字符如 "和 "&gt;" 有特殊的含义，它们被用来标记HTML标签，所以不能直接作为文本内容使用。为了解决这个...

    HTML转义字符串

    HTML转义字符串是Web开发中一个重要的概念，它涉及到网页内容的安全性和正确显示。在HTML中，某些字符具有特殊的含义，比如"&lt;"代表"，"&gt;"代表"&gt;"，"&amp;"代表"&"等。为了在网页上直接显示这些字符而不是触发...

    HTML_转义字符

    ### HTML转义字符详解 #### 一、引言 在HTML文档中，为了正确地显示某些特殊字符，如小于号（&lt;）、大于号（&gt;）等，需要使用转义字符来替代这些特殊符号。转义字符是HTML的一种特殊语法，用于在网页中插入无法直接...

    HTML转义字符

    HTML转义字符是网页开发中不可或缺的一部分，它们用于在HTML文档中插入特殊字符或保留字符，以防止浏览器误解代码。转义字符通过使用反斜杠（\）后跟特定的ASCII值来表示，使得这些字符在HTML源码中能够正确显示和...

    最常用的HTML转义字符 Escape Sequence

    HTML转义字符（Escape Sequence）是在HTML文档中用来表示那些在HTML中有特殊意义或者在ASCII字符集中未定义的字符的特定编码。这些特殊字符包括但不限于小于号（&lt;）、大于号（&gt;）和和号（&）。当浏览器在HTML文档中...

    HTML和XML中的转义字符

    #### 三、HTML转义字符使用要点 1. **转义字符必须以“&”开头**：这是识别转义字符的关键标识符。 2. **不要嵌套使用转义字符**：例如，`&amp;amp;` 是不正确的使用方式，应该使用 `&amp;`。 3. **转义字符通常...

    JAVA实现html转义字符及css清除.doc

    JAVA实现html转义字符及css清除.doc

    java清除html转义字符

    在Java开发中，处理HTML内容时，有时我们需要清除HTML转义字符，以确保文本在显示或存储时不会解析为HTML标签。HTML转义字符是用于在HTML文档中表示特殊字符的字符实体，例如 `会被转义为 `&lt;` 以防止浏览器将其...

    详解用Python处理HTML转义字符的5种方式

    在Python编程中，处理HTML转义字符是一项常见的任务，特别是在进行网络爬虫或者解析HTML文档时。HTML转义字符是用来避免HTML元素中的特殊字符被解释为标签或特殊符号的。例如，小于号 `在HTML中是用于开始标签的，但...

    python处理html转义字符的方法详解

    ### Python处理HTML转义字符的方法详解 在进行Web开发或者数据抓取的过程中，经常会遇到HTML转义字符（也称为HTML字符实体）。这类字符通常用于表示HTML文档中的特殊符号，如`, `&gt;`, `&`等，以避免被误解释为HTML...

    Python对HTML转义字符进行反转义的实现方法

    在Python编程中，处理HTML转义字符是一项常见的任务，特别是在解析或生成HTML内容时。HTML转义字符是为了确保HTML文档的结构正确，避免特殊字符被解析为HTML标签或实体。本篇文章将深入探讨HTML转义字符的概念，以及...

    转义字符参照.pdf

    HTML转义字符，又称字符实体（Character Entity），是HTML中用于表示特殊符号的重要工具。由于HTML语言中的某些字符，如"、"&gt;"和"&"，具有特定的语义，直接使用它们可能会导致解析错误，因此需要使用转义字符串来...

Magicbox
Global site tag (gtag.js) - Google Analytics