为什么要用转义字符串?
HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?
这就要说到HTML转义字符串(Escape Sequence)了。
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。
<!---->
转义字符串的组成
转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。
比如,要显示小于号(<),就可以写 < 或者 < 。
用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。
提示:实体名称(Entity)是区分大小写的。
备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。
如何显示空格?
通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。
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>
分享到:
相关推荐
html character entities
HTML旧式字符实体信息:由于旧式原因,某些字符实体不需要带有结尾的分号: ©对于:copyright:完全可以。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : ...
HTML4字符实体信息。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm install character-entities-html4 用 import { characterEntitiesHtml4 } from '...
所有的HTML页面中所需的字符对照表 非常适合专业HTML设计师打印出来贴在墙上对照使用
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样: &entity_name; 或 &#entity_number; 如需显示小于号,我们必须这样写:< 或 < 或 < 提示...
HTML 中的预留字符必须被替换为字符实体。 ...如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样: &entity_name; 或 &#entity_number
字符串化实体 编码HTML字符引用。 非常快 只是编码部分 拥有您所需的所有选项,用于缩小/修饰符,或具有w / stringifyEntitiesLight的小尺寸 可靠: '`'字符被转义以确保Internet Explorer 6至8中不会运行任何脚本。...
使用JSON.stringify方法在JSON.stringify转义 HTML 实体。 npm install escape-html-in-json > var escape_html_entities = require ( 'escape-html-in-json' ) > var object = { name : "[removed]alert('...
HTMLString是用Swift编写的库,它允许您的程序在String中添加和删除HTML实体。 主要特点 :locked_with_pen: 添加ASCII和UTF-8 / UTF-16编码的实体 :memo: 删除超过2100个命名实体(如& ) :input_numbers: 支持...
HTML实体概要用于Swift的纯Swift HTML编码/解码实用工具。 包括对HTML5命名字符引用的支持。 您可以在找到所有2231个HTML5命名字符引用的列表。 HTMLEntities可以转义所有非ASCII字符以及< , > , & , " , '...
HTML实体 Elixir模块,用于对字符串中HTML实体进行解码和编码。 实体名称,代码点及其对应的字符是从复制的。安装将依赖项添加到mix.exs文件,然后运行mix deps.get 。 defp deps do [ { :html_entities , " ~> 0.5 ...
html-entities 最快HTML实体库。 附带TypeScript和Flow类型。安装$ npm install html-entities用法编码(文本,选项) 编码文本,以替换HTML特殊字符( <>&"' )以及其他字符范围,具体取决于mode选项的值。 ...
Linq技术下的实体数据模型,极大地提高了网页的前台展示层与后台数据库的交互速度,简化了代码的书写量,提高了网络的可封装性!尤其是方面初学者的开发
html_entities_cheatsheet_v3.pdf
解析实体 解析HTML字符引用:快速,符合规范的位置信息。安装该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm install parse-entities用import { parseEntities } ...
实体:HTML,CSS(内容)和Javascript的字符实体
中文名: HTML & XHTML 袖珍参考手册 (第4版) 原名: HTML & XHTML Pocket Reference: Quick, Comprehensive, Indispensible 作者: Jennifer Niederst Robbins ...Character Entities Specifying Color
Atom-autocomplete-html-entities.zip,An autocomplete-plus 2.0 provider for HTML entities自动完成HTML实体,atom是一个用web技术构建的开源文本编辑器。
%%% 如何使用 %解码decodedString = ... >> '我的编码字符串' % 编码encodingString = htmlEntities('my/path/to/entities.mat','my strïng',1); >> 'my strïng'
Helpful appendixes cover the syntax of character entities, fonts, colors, and URLs. This comprehensive reference is an essential tool for professional Web developers. Master transitional HTML 4.01 ...