HTML转义字符大全<转>

为什么要用转义字符串?

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,tempstr = ""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" & tempNextUnicode = str
End Function


 

Function htmlentities(str)For i = 1 to Len(str)char = mid(str, i, 1)If Ascw(char) > 128 thenhtmlentities = htmlentities & "&#" & Ascw(char) & ";"Elsehtmlentities = htmlentities & charEnd ifNext
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');

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/558253.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python测网速_tespeed-测试网速的Python工具

1.安装(环境CentOS7)#pip install lxml#wget wget http://sourceforge.net/projects/socksipy/files/socksipy/SocksiPy%201.00/SocksiPy.zip#git clone https://github.com/Janhouse/tespeed.git#mv SocksiPy.zip tespeed/SocksiPy/#cd tespeed/SocksiPy/#unzip SocksiPy.zip#…

Gensee SDK RoleType详解

目录RoleType使用场景&#xff1a;方法与使用说明源码RoleType 接着之前的 UserInfo,对RoleType做进一步说明. 此类是SDK的公共类&#xff0c;可以在任一SDK使用方进行调用&#xff0c;之前有提到role是一个“复合”的值1&#xff0c;所以不能简单的用“” 来判断&#xff0c;…

vc 通过句柄修改窗口大小_漫画:对象是如何被找到的?句柄 OR 直接指针?

小贴士&#xff1a;想要使用并定位 Java 对象&#xff0c;就要用到 Java 虚拟机栈&#xff08;Java Virtual Machine Stack&#xff09;&#xff0c;它描述的是 Java 方法执行的线程内存模型&#xff1a;每个方法被执行的时候&#xff0c;Java 虚拟机都会同步创建一个栈帧&…

数据结构快速掌握和温习-面试神器

由于原文有部分文字没有显示&#xff0c;本文有所修改。主要包括文字和缩进。 目录 Q1&#xff1a;数据结构和算法的知识点整理&#xff1a; Q2&#xff1a;链表&#xff0c;队列和栈的区别 Q3&#xff1a;简述快速排序过程 Q4&#xff1a;快速排序算法的原理 Q5&#xff1a;简…

python阴阳师_如何用Python找到阴阳师妖怪屋的最佳探索队伍!强不强?

程序由来最初想要写这个小程序是因为&#xff0c;9月份那段时间我在玩妖怪屋。因为刚开始抽卡&#xff0c;要啥啥没有&#xff0c;所以探索队伍也只是放了几个自己记得有关联的式神。在网上有找到完整版的羁绊&#xff0c;但是怎么根据羁绊找到最佳的式神组合就成问题了。当时我…

Android iOS防录屏截屏

目录Android防录屏和截屏关于WindowManager.LayoutParams.FLAG_SECURE关于Display.FLAG_SECUREiOS防录屏和截屏监听截屏录屏监听需求与安全总是对立的&#xff0c;有新的需求&#xff0c;就有新的接口开放&#xff0c;但随之而来的就是利用新接口或者新接口的使用者&#xff08…

work节点使用外部包_AFLSmart工具简单分析及使用介绍

AFLSmart 是一个在 AFL 基础上&#xff0c;结合了 Peach 的结构化输入组件的灰盒 smart fuzz 工具。AFLSmart 链接&#xff1a;https://github.com/aflsmart/aflsmart参考资料&#xff1a;《Smart Greybox Fuzzing》什么是 AFLSmart灰盒 smart fuzz灰盒测试是基于程序运行时刻的…

Android adb 启动APP

目录启动命令一 常规命令 包名/activity二 常规命令 包名命令关闭App获取包名和activity的路径代码获取1 命令获取( 需要app运行在前台&#xff0c;停留在启动界面)2命令获取(先执行命令&#xff0c;再点击app启动)启动命令 一 常规命令 包名/activity adb shell am start…

python语言使用什么语句实现上下文管理协议_Python 上下文管理器

上下文管理器在使用Python编程中&#xff0c;可以会经常碰到这种情况&#xff1a;有一个特殊的语句块&#xff0c;在执行这个语句块之前需要先执行一些准备动作&#xff1b;当语句块执行完成后&#xff0c;需要继续执行一些收尾动作。例如&#xff1a;当需要操作文件或数据库的…

Android日志[基础篇]Android Log日志输出

Android日志[基础篇]二 Android Studio修改LogCat日志的颜色 android.util.Log输出日志的常用方法如下&#xff1a; Log.v(String tag, String msg)Log.d(String tag, String msg)Log.i(String tag, String msg)Log.w(String tag, String msg)Log.e(String tag, String msg) …

python函数应用_python 函数应用

#函数的参数就是个变量#定义函数的时候&#xff0c;使用关键字参数&#xff0c;可以指定默认值def hello(namereboot,age1):return hello %s,your age is %s %(name,age)print hello(reboot,3)print hello(3,reboot)#print hello(age3,namereboot)print hello(reboot)def f(n):…

Android日志[基础篇]二 Android Studio修改LogCat日志的颜色

上一篇提到Android日志的5个级别的日志输出&#xff0c;在logcat里面设置自己喜欢或习惯的颜色&#xff0c;本文不只讲Android Sudio修改logcat的日志颜色。 代码和效果 代码 private void logColor(){Log.v(TAG,"logColor verbose");Log.d(TAG,"logColor de…

readfile函数使用方法_1分钟学会LOOKUP函数,有网友说使用这个方法,初学者秒变大神...

Hi&#xff0c;大家好&#xff0c;本专栏将会从零开始和大家用图文的方式&#xff0c;30天让你从不会到熟练使用函数&#xff0c;0基础开始学习Excel函数&#xff0c;让你喜欢上它&#xff01;有兴趣的小伙伴可以持续关注我&#xff0c;或者在专栏进行查看学习&#xff0c;愿与…

Android JNI Attempt to remove non-JNI local reference, dumping thread

Attempt to remove non-JNI local reference, dumping thread 解决办法&#xff1a; 去除Jni代码 env->DeleteLocalRef(javaObject);注意&#xff1a;是java层传递给jni层的对象不需用了DeleteLocalRef来进行对象删除&#xff0c;jni层创建的对象仍然需要保留代码。 这个…

背景图层和普通图层的区别_图层样式(一)—高级混合选项

一、图层顺序为了便于说明&#xff0c;首先建立例子&#xff0c;新建图层&#xff0c;用画笔随便画个圈&#xff0c;新建蒙版随便画一笔&#xff0c;然后把所有图层样式加给它。可以看到样式从上到下的顺序&#xff0c;这也是它们混合的图层顺序。图层顺序我的效果&#xff0c;…

Android9.0 http网络请求失败问题的处理

目录处理方法(任意一种)&#xff1a;APP改用https请求targetSdkVersion 降到27以下配置network-security-config&#xff08;推荐&#xff09;原因出错案例处理方法(任意一种)&#xff1a; APP改用https请求 这种方式是最佳方法&#xff0c;需要前后端协调&#xff0c;后端得…

代码里无图片地址_项目实战:爬高清图片

↑ 关注 星标 &#xff0c;后台回复【大礼包】送你2TPython自学资料好消息&#xff1a;Python学习交流群&#xff0c;已经建立&#xff0c;猛戳加入之前我发过一些爬虫的文章&#xff0c;不过一直没发过爬取图片的&#xff0c;今天就给大家分享一篇吧&#xff01;/1 前言/上篇…

Android TextView通过SpannableString设置字体、大小、颜色、样式、超级链接

代码应该都能看明白 public class MainActivity extends ActionBarActivity {private TextView tv, tv2;private SpannableString sStr, sStr2;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.act…

winform项目_winform项目——仿QQ即时通讯程序01:原理及项目分析

即时通讯程序&#xff0c;腾讯QQ可以说是一家独大&#xff0c;虽然市场上仍然有类似QQ的即时通讯程序&#xff0c;但是基本上面向的对象都是特定人群。那么&#xff0c;现在做一个即时通讯的软件还有意义吗&#xff1f;在我看来&#xff0c;意义非常大。作为一个学习编程的人&a…

Android面试基础一

Android面试基础二-原理及常见问题 目录1、四大组件1&#xff09;Activity2&#xff09;Service3&#xff09;ContentProvider4&#xff09;Broadcast Receiver2、四大组件的生命周期和简单用法1&#xff09;Activity2&#xff09;Service3&#xff09;BroadcastReceiver4&…