`

HTML字符实体(Character Entities),转义字符串(Escape Sequence)

 
阅读更多

为什么要用转义字符串?

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

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

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

<!-- Contents of this file are Copyright 2006-2008, Xixik Inc. -->

转义字符串的组成

转义字符串(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/

分享到:
评论

相关推荐

    html character entities

    html character entities

    HTML字符实体[归类].pdf

    HTML字符实体(Character Entities)是HTML中用来表示特殊字符的转义字符串(Escape Sequence),它可以让开发者在网页中显示特殊符号,如&lt;、&gt;、&等。 HTML字符实体分类有两种:一种是实体名称(Entity Name),一种...

    character-entities-legacy:HTML旧式字符实体信息

    HTML旧式字符实体信息:由于旧式原因,某些字符实体不需要带有结尾的分号: &copy对于:copyright:完全可以。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : ...

    character-entities-html4:HTML4字符实体信息

    HTML4字符实体信息。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm install character-entities-html4 用 import { characterEntitiesHtml4 } from '...

    常用的字符实体

    因此,HTML提供了一套字符实体(Character Entities)的机制,用以替代这些特殊字符,确保其在网页中能够被准确无误地显示。 ### 常用的字符实体 #### 空格 在HTML中,一个普通的空格字符在浏览器渲染时可能并不会...

    HTML Character Entities Cheat Sheet

    所有的HTML页面中所需的字符对照表 非常适合专业HTML设计师打印出来贴在墙上对照使用

    javascript对HTML字符转义与反转义

    这涉及到HTML实体(HTML Entities)的概念,它们用于在HTML文档中表示特殊字符,以防止浏览器将其解释为HTML标签或其他特殊含义的字符。 在HTML中,某些字符具有特殊的含义,比如"&"代表"与","代表开始标签,"&gt;...

    web前端基础入门教程之HTML 字符实体

    HTML 中的预留字符必须被替换为字符实体。 ...如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样: &entity_name; 或 &#entity_number

    HTML转义码

    HTML转义码,也称为HTML实体(HTML Entities),是HTML语言中用来表示特殊字符的一种机制。在HTML中,有些字符具有特殊含义,如小于号 `和大于号 `&gt;`,它们用于标记HTML标签。如果不进行转义,这些特殊字符可能会被...

    html中的特殊字符转换

    确保正确设置字符编码(如UTF-8)并理解如何解码特殊字符实体是至关重要的,否则可能导致乱码或显示异常。 总结,HTML中的特殊字符转换是确保网页内容正确显示和安全的重要手段。理解并熟练运用这些转义规则,有助...

    stringify-entities:编码HTML字符引用和字符实体

    字符串化实体 编码HTML字符引用。 非常快 只是编码部分 拥有您所需的所有选项,用于缩小/修饰符,或具有w / stringifyEntitiesLight的小尺寸 可靠: '`'字符被转义以确保Internet Explorer 6至8中不会运行任何脚本。...

    escape-html-in-json:在 JSON.stringify 中转义 HTML 实体

    使用JSON.stringify方法在JSON.stringify转义 HTML 实体。 npm install escape-html-in-json &gt; var escape_html_entities = require ( 'escape-html-in-json' ) &gt; var object = { name : "[removed]alert&#40;'...

    HTML各种字符对照表

    HTML提供了一种机制,称为字符实体(Character Entities),允许我们以特定的代码或名称来代表这些特殊字符,从而避免它们被解析为HTML语法。 例如,如果你想要在网页上显示小于号 ",直接写入会触发HTML解析器将其...

    实体:HTML,CSS(内容)和Javascript的字符实体

    与HTML不同,CSS不直接支持预定义的字符实体,但你可以使用Unicode转义序列来表示特殊字符。例如,若要使用版权符号,可以写为`content: '\00A9';`。这里的`\00A9`是版权符号的Unicode编码。 JavaScript,作为Web...

    php常用函数列表 涉及很多好用的字符串函数

    17. **trim($string, $character_mask)**: 去掉字符串两端的空白字符或其他预定义字符。 18. **explode($delimiter, $string, $limit)**: 使用$delimiter将字符串$string切割成数组。$limit参数可以限制返回数组的...

    HTML特殊字符编码大全.

    为避免这种情况,HTML引入了字符实体(Character Entities),通过特定的代码序列来代替这些特殊字符。 ### 特殊字符编码的格式 特殊字符编码通常有两种格式: 1. **以&开头的字母组合**:例如`&lt;`表示小于号`,...

    HTMLString:在Swift中转义和取消转义HTML实体

    HTMLString是用Swift编写的库,它允许您的程序在String中添加和删除HTML实体。 主要特点 :locked_with_pen: 添加ASCII和UTF-8 / UTF-16编码的实体 :memo: 删除超过2100个命名实体(如&amp; ) :input_numbers: 支持...

    CharactorEntities.doc

    在HTML中,字符实体(Character Entities)是一种特殊语法,用于在网页中插入无法直接输入或显示的特殊字符。这些实体可以是数字形式,如十进制或十六进制编码,也可以是预定义的名字。在“CharactorEntities.doc”...

    html_entities:用于解码HTML实体的Elixir模块

    HTML实体 Elixir模块,用于对字符串中HTML实体进行解码和编码。 实体名称,代码点及其对应的字符是从复制的。安装将依赖项添加到mix.exs文件,然后运行mix deps.get 。 defp deps do [ { :html_entities , " ~&gt; 0.5 ...

    swift-html-entities:兼容HTML5规范的Swift字符编码器

    HTML实体概要用于Swift的纯Swift HTML编码/解码实用工具。 包括对HTML5命名字符引用的支持。 您可以在找到所有2231个HTML5命名字符引用的列表。 HTMLEntities可以转义所有非ASCII字符以及&lt; , &gt; , & , " , '...

Global site tag (gtag.js) - Google Analytics