`

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

阅读更多

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;

¥

&yen;

&#165;

¦

&brvbar;

&#166;

ª

&ordf;

&#170;

«

&laquo;

&#171;

¯

&macr;

&#175;

°

&deg;

&#176;

´

&acute;

&#180;

µ

&micro;

&#181;

¹

&sup1;

&#185;

º

&ordm;

&#186;

¾

&frac34;

&#190;

¿

&iquest;

&#191;

Ã

&Atilde;

&#195;

Ä

&Auml;

&#196;

È

&Egrave;

&#200;

É

&Eacute;

&#201;

Í

&Iacute;

&#205;

Î

&Icirc;

&#206;

Ò

&Ograve;

&#210;

Ó

&Oacute;

&#211;

×

&times;

&#215;

Ø

&Oslash;

&#216;

Ü

&Uuml;

&#220;

Ý

&Yacute;

&#221;

á

&aacute;

&#225;

â

&acirc;

&#226;

æ

&aelig;

&#230;

ç

&ccedil;

&#231;

ë

&euml;

&#235;

ì

&igrave;

&#236;

ð

&eth;

&#240;

ñ

&ntilde;

&#241;

õ

&otilde;

&#245;

ö

&ouml;

&#246;

ú

&uacute;

&#250;

û

&ucirc;

&#251;

ÿ

&yuml;

&#255;

 

 

 

显示

名称

编号

显示

名称

编号

显示

名称

编号

¢

&cent;

&#162;

£

&pound;

&#163;

¤

&curren;

&#164;

§

&sect;

&#167;

¨

&uml;

&#168;

©

&copy;

&#169;

¬

&not;

&#172;

 

&shy;

&#173;

®

&reg;

&#174;

±

&plusmn;

&#177;

²

&sup2;

&#178;

³

&sup3;

&#179;

 


编程的时候要注意特殊字符的问题,很多运行时出现的问题都是因为特殊字符的出现而引起的。
注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。
如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。


编码转换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
 附:

 

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


mb_convert_encoding ("你好", "HTML-ENTITIES", "gb2312"); //
分享到:
评论

相关推荐

    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 Cheat Sheet

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

    HTML 字符实体

    如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样: &entity_name; 或 &#entity_number; 如需显示小于号,我们必须这样写:&lt; 或 &lt; 或 &lt; 提示...

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

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

    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;'...

    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”...

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

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

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

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

    html-entities:最快HTML实体编码编码库

    html-entities 最快HTML实体库。 附带TypeScript和Flow类型。安装$ npm install html-entities用法编码(文本,选项) 编码文本,以替换HTML特殊字符( &lt;&gt;&"' )以及其他字符范围,具体取决于mode选项的值。 ...

    浅谈html转义及防止javascript注入攻击的方法

    HTML转义是一种将特殊字符转换为它们等价的HTML实体的过程,以防止浏览器将这些字符解释为HTML标签或特殊指令。当用户输入包含HTML标签的数据时,如果不进行转义,浏览器会尝试执行这些标签,这可能导致意外的行为,...

    .Net开发实体数据模型(Entities)LINQ技术

    Linq技术下的实体数据模型,极大地提高了网页的前台展示层与后台数据库的交互速度,简化了代码的书写量,提高了网络的可封装性!尤其是方面初学者的开发

    HTML Document Structure

    Contents 1. What is the HTML? 2. HTML Tags and Attributes 3. HTML document structure 4. HTML Headings 5. HTML Paragraphs 6. HTML character Entities

    html_entities_cheatsheet_v3.pdf

    html_entities_cheatsheet_v3.pdf

    parse-entities:解析HTML字符引用

    解析实体 解析HTML字符引用:快速,符合规范的位置信息。安装该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm install parse-entities用import { parseEntities } ...

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

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

Global site tag (gtag.js) - Google Analytics