junjun19860702

浏览: 1976119 次
性别:
来自: 哈尔滨

最近访客更多访客>>

submergerock

fw_zhong

无象心

hdxiong

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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）编号；第三部分是一个分号。

比如，要显示小于号（<），就可以写 < 或者 < 。

用实体（Entity）名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。

提示：实体名称（Entity）是区分大小写的。

备注：同一个符号，可以用“实体名称”和“实体编号”两种方式引用，“实体名称”的优势在于便于记忆，但不能保证所有的浏览器都能顺利识别它，而“实体编号”则没有这种担忧，但它实在不方便记忆。

如何显示空格？

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

HTML特殊转义字符列表

最常用的字符实体
Character Entities

显示说明实体名称实体编号

	半方大的空白	&ensp;
	全方大的空白	&emsp;
	不断行的空白格
<	小于	<	<
>	大于	>	>
&	&符号	&	&
"	双引号	"	"
©	版权	©	©
®	已注册商标	®	®
™	商标（美国）	™	™
×	乘号	×	×
÷	除号	÷	÷

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

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

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

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号

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

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号

&fnof;

&sigmaf;

&thetasym;

&upsih;

•

…

′

″

‾

&oline;

‾

⁄

&frasl;

⁄

℘

&weierp;

℘

ℑ

&image;

ℑ

ℜ

&real;

ℜ

™

ℵ

&alefsym;

ℵ

←

↑

→

↓

↔

↵

&crarr;

↵

⇐

⇑

&uArr;

⇑

⇒

⇓

&dArr;

⇓

⇔

∀

∂

∃

∅

∇

∈

∉

∋

&ni;

∋

∏

∑

−

∗

&lowast;

∗

√

∝

&prop;

∝

∞

∠

&ang;

∠

∧

&and;

∧

∨

&or;

∨

∩

∪

∫

∴

&there4;

∴

∼

&sim;

∼

∝

&cong;

≅

≈

≠

≡

&equiv;

≡

≤

≥

⊂

⊃

⊄

&nsub;

⊄

⊆

&sube;

⊆

⊇

&supe;

⊇

⊕

&oplus;

⊕

⊗

&otimes;

⊗

⊥

&perp;

⊥

⋅

&lceil;

⌈

&rceil;

⌉

&lfloor;

⌊

&rfloor;

⌋

&lang;

〈

&rang;

〉

◊

&loz;

◊

♠

&spades;

♠

♣

&clubs;

♣

♥

&hearts;

♥

♦

&diams;

♦

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

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号

&OElig;

&oelig;

&Scaron;

&scaron;

&Yuml;

&circ;

&tilde;

&ensp;

&emsp;

‌

&zwnj;

‌

‍

&zwj;

‍

‎

&lrm;

‎

‏

&rlm;

‏

–

—

‘

’

‚

&sbquo;

‚

“

”

„

&bdquo;

„

†

&dagger;

†

‡

&Dagger;

‡

‰

&permil;

‰

‹

&lsaquo;

‹

›

&rsaquo;

›

€

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"); //输出：你好

mb_convert_encoding ("你好", "gb2312", "HTML-ENTITIES"); //输出：你好

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

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

mb_http_output("HTML-ENTITIES");

ob_start('mb_output_handler');

常用HTML转义字符_html转义符_JavaScript转义符_html转义字符表.zip (10.5 KB)
下载次数: 2

分享到：

Java字符串倒序输出 + 数组的排序 | JS操作 <frameset> <frame> 对象+js给fr ...

2012-02-23 14:53
浏览 2630
评论(0)
分类:Web前端
查看更多

发表评论

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

相关推荐

基于springboot开发的前后端分离的简易进销存后台管理系统.zip: 基于springboot的java毕业&课程设计

基于springboot-mqtt的温度、湿度、六氟化硫浓度实时监控系统.zip: 基于springboot的java毕业&课程设计

会计信息化对华强公司内部审计的影响研究.docx: 会计信息化对华强公司内部审计的影响研究.docx

修改谷歌提供的样例量子卷积神经网络模型，基于KDD99数据集进行训练，实现了网络攻击分类检测。.zip: 卷积神经网络（Convolutional Neural Networks, CNNs 或 ConvNets）是一类深度神经网络，特别擅长处理图像相关的机器学习和深度学习任务。它们的名称来源于网络中使用了一种叫做卷积的数学运算。以下是卷积神经网络的一些关键组件和特性：卷积层（Convolutional Layer）：卷积层是CNN的核心组件。它们通过一组可学习的滤波器（或称为卷积核、卷积器）在输入图像（或上一层的输出特征图）上滑动来工作。滤波器和图像之间的卷积操作生成输出特征图，该特征图反映了滤波器所捕捉的局部图像特性（如边缘、角点等）。通过使用多个滤波器，卷积层可以提取输入图像中的多种特征。激活函数（Activation Function）：在卷积操作之后，通常会应用一个激活函数（如ReLU、Sigmoid或tanh）来增加网络的非线性。池化层（Pooling Layer）：池化层通常位于卷积层之后，用于降低特征图的维度（空间尺寸），减少计算量和参数数量，同时保持特征的空间层次结构。常见的池化操作包括最大池化（Max Pooling）和平均池化（Average Pooling）。全连接层（Fully Connected Layer）：在CNN的末端，通常会有几层全连接层（也称为密集层或线性层）。这些层中的每个神经元都与前一层的所有神经元连接。全连接层通常用于对提取的特征进行分类或回归。训练过程： CNN的训练过程与其他深度学习模型类似，通过反向传播算法和梯度下降（或其变种）来优化网络参数（如滤波器权重和偏置）。训练数据通常被分为多个批次（mini-batches），并在每个批次上迭代更新网络参数。应用： CNN在计算机视觉领域有着广泛的应用，包括图像分类、目标检测、图像分割、人脸识别等。它们也已被扩展到处理其他类型的数据，如文本（通过卷积一维序列）和音频（通过卷积时间序列）。随着深度学习技术的发展，卷积神经网络的结构和设计也在不断演变，出现了许多新的变体和改进，如残差网络（ResNet）、深度卷积生成对抗网络（DCGAN）等。

用泽尼克多项式拟合表面的功能matlab代码.zip: 1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

毕业设计基于java+Springboot+协同过滤的新闻推荐系统源码+全部资料（高分项目）.zip: 毕业设计基于java+Springboot+协同过滤的新闻推荐系统源码+全部资料（高分项目本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。【备注】 1、该项目是个人高分毕业设计项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。毕业设计基于java+Springboot+协同过滤的新闻推荐系统源码+全部资料（高分项目毕业设计基于java+Springboot+协同过滤的新闻推荐系统源码+全部资料（高分项目毕业设计基于java+Springboot+协同过滤的新闻推荐系统源码+全部资

基于vue可视化前段开发的拖拽编辑，页面生成工具.zip: 基于vue可视化前段开发的拖拽编辑，页面生成工具.zip

HLC直播视频流播放器: HLC直播视频播放器示例代码，代码2021年的时候因工作需要实现，参考网上资源采用了jquery等框架。

基于卷积循环神经网络的数字识别.zip: 基于卷积循环神经网络的数字识别

课设毕设基于SpringBoot+Vue的家具销售电商平台 LW+PPT+源码可运行.zip: 课设毕设基于SpringBoot+Vue的家具销售电商平台 LW+PPT+源码可运行.zip

2007开关稳压电源（E题）.doc: 包含作品的设计论文doc文档，可直接修改，适合于电赛备赛、课程设计、毕设参考等。摘要该电源以单端反激式DC-DC变换器为核心。市电通过自耦式调压器，隔离变压器，整流滤波后产生直流电压，经DC-DC变换得到题目所需输出电压，实现了开关稳压电源的设计。DC-DC变换器采用脉宽调制器（PWM）UC3842，通过调节占空因数使得输出电压UO在30V～36V范围内可调；微控制器与键盘显示构成了控制显示模块，能对输出电压进行键盘设定和步进调整，并显示输出电压、电流的测量和数字显示功能，形成了良好的人机界面。关键词：DC-DC变换器，脉宽调制器（PWM）

520节日画图代码.zip: 520是每年的5月20日，因数字“520”与“我爱你”发音相似而被许多年轻人用作表达爱意的节日。这个节日起源于中国互联网文化，逐渐传递到其他国家和地区。在这一天，情侣们通常会互送礼物、发表情、或者举行浪漫的活动来庆祝爱情。快来领取专属于程序员的浪漫吧！表白的套路很多，但都少不了送花送礼物，作为一个程序员，搞不懂现在流行的泡泡机、小猪、重力感应车等玩具，也不想去让朋友们去送钱炫耀，毕竟真情才重要，钱就物质了。我能给各位单身粉丝们做的可能就只有分享几个表白代码了，在电脑上敲上几行代码，让她在郁闷的周一得到一个大大的惊喜，很简单，一看就会，如果现在用不到也不要紧，先收藏起来，反正这样的节日很多，以后用的时候能找到。

带你学AI基于PP-OCR和ErnieBot的字幕提取和智能视频问答: 本次分享将带领大家从 0 到 1 完成一个基于 OCR 和 LLM 的视频字幕提取和智能视频问答项目，通过 OCR 实现视频字幕提取，采用 ErnieBot 完成对视频字幕内容的理解，并回答相关问题，最后采用 Gradio 搭建应用。本项目旨在帮助初学者快速搭建入门级 AI 应用，并分享开发过程中遇到的一些坑，希望对感兴趣的同学提供一点帮助。参考https://blog.csdn.net/u010522887/article/details/139025542，跟随笔者共同走完一个完整的视频问答项目，从基础的动手跑通 CRNN 文本识别任务，再到应用开发和部署，旨在帮助初学者快速入门 OCR 相关技术并搭建一个简单的应用。资源包包括前端文档中提到的源码和示例视频。本系列的后续文章将沿袭这一思路，继续分享更多采用 Paddle 深度学习框架服务更多产业应用的案例。如果对你有帮助，欢迎 **关注收藏** 支持

毕设设计-学生宿舍管理系统基于SpringBoot实现，界面简洁，功能完善: 毕设设计-学生宿舍管理系统基于SpringBoot实现，界面简洁，功能完善主要功能 ● 定位打卡、宿舍智能分配、学生信息管理、资讯管理（权限设计）等使用 ● mysql、git、springboot ● 数据库初始化sql存储在doc文件夹下面设计一个基于Spring Boot的学生宿舍管理系统，你需要确保系统既满足实用性，又保证界面简洁、功能完善。以下是一个基本的设计方案，包括系统的功能模块、技术栈选择和界面设计要点。 ### 功能模块 1. **用户认证模块**： - 登录/登出功能。 - 用户权限管理（如学生、宿舍管理员、系统管理员）。 2. **学生信息管理**： - 学生基本信息录入、查询、修改和删除。 - 宿舍分配与调换。 3. **宿舍楼管理**： - 宿舍楼信息维护。 - 宿舍房间信息管理。 4. **维修报修管理**： - 学生报修申请。 - 维修状态跟踪。 5. **来访登记管理**： - 来访人员登记。 - 访问记录查询。 6. **公告与通知发布**： - 发布宿舍相关公告和通知。

源码小游戏微信飞机大战: 源码小游戏微信飞机大战

一个前后端分离的仿知乎问答论坛.zip: 基于springboot的java毕业&课程设计

课程设计基于Python的机器学习的人脸识别系统的设计与实现+详细文档+全部资料（高分项目）.zip: 课程设计基于Python的机器学习的人脸识别系统的设计与实现+详细文档+全部资料（高分项目）.zip本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。【备注】 1、该项目是个人高分毕业设计项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。课程设计基于Python的机器学习的人脸识别系统的设计与实现+详细文档+全部资料（高分项目）.zip课程设计基于Python的机器学习的人脸识别系统的设计与实现+详细文档+全部资料（高分项目）.zip课程设计基于Python的机器学习的人脸

基于springboot+thymeleaf构建的保险出单系统(含后台管理系统).zip: 基于springboot的java毕业&课程设计

基于matlab鲸鱼优化随机森林WOA-RF数据分类（含数据）: 【RF分类】基于matlab鲸鱼优化随机森林WOA-RF数据分类MATLAB程序

课设毕设基于SpringBoot+Vue的校园新闻网站 LW+PPT+源码可运行.zip: 课设毕设基于SpringBoot+Vue的校园新闻网站 LW+PPT+源码可运行.zip

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML转义字符

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

为什么要用转义字符串？

转义字符串的组成

如何显示空格？

HTML特殊转义字符列表

最常用的字符实体 Character Entities

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

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

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

JavaScript转义符

编码转换 （to Unicode）

评论

发表评论

相关推荐

java获得系统盘符(Windows、linux自动切换)

mysql 时间列自动插入当前日期时间

java switch的使用+switch用String作为条件

Java字符串倒序输出 + 数组的排序

jQuery Ajax 实例 ($.ajax、$.post、$.get)

checkbox加onClick事件,ajax异步请求后台，$.ajax

js限制文件上传类型

Random()随机数+随机切换图片

Request对象各种获得路径的方法+Request对象各种方法(.getRemoteAddr)

HttpURLConnection与URL---接口的应用

ibatIS的<dynamic prepend="WHERE">原理，是判断前一个AND字母是否存在

session详细解析(是否过期、失效时间)

insert into (select from)表复制+select into from表复制

jsp、js、<a>的访问方式(绝对路径+相对路径)

struts2拦截器 获得请求方法名+获得请求参数

frameset中如何直接跳转至首页(中转页)--window.parent.parent.location.replace

request.getContextPath获取绝对路径

json-lib-2.2.3-jdk15.jar+所需jar包

JSTL EL表达式读取cookie中的值

Jquery FrameSet设置换肤

最近访客更多访客>>

最常用的字符实体
Character Entities

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

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

编码转换（to Unicode）

struts2拦截器获得请求方法名+获得请求参数