熬夜整理最全面的HTML字符实体,很下饭

作者 : 开心源码 本文共3907个字,预计阅读时间需要10分钟 发布时间: 2022-05-13 共229人阅读

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

比方,要显示小于号(<),即可以写&lt; 或者者 <

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

提醒:实体名称(Entity)是区分大小写的。

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

如何显示空格?

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


HTML特殊转义字符列表

最常用的字符实体

Character Entities

显示说明实体名称实体编号
半方大的空白&ensp;
全方大的空白&emsp;
不断行的空白格&nbsp; 
<小于&lt;<
>大于&gt;>
&&符号&amp;&
双引号&quot;"
©版权&copy;©
®已注册商标&reg;®
商标(美国)
×乘号&times;×
÷除号&divide;÷

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

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

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

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
&nbsp; ¡&iexcl;¡¢&cent;¢£&pound;£¤&curren;¤
¥&yen;¥¦&brvbar;¦§&sect;§¨&uml;¨©&copy;©
ª&ordf;ª«&laquo;«¬&not;¬&shy;­®&reg;®
¯&macr;¯°&deg;°±&plusmn;±²&sup2;²³&sup3;³
´&acute;´µ&micro;µ&para;·&middot;·¸&cedil;¸
¹&sup1;¹º&ordm;º»&raquo;»¼&frac14;¼½&frac12;½
¾&frac34;¾¿&iquest;¿À&Agrave;ÀÁ&Aacute;ÁÂ&Acirc;Â
Ã&Atilde;ÃÄ&Auml;ÄÅ&Aring;ÅÆ&AElig;ÆÇ&Ccedil;Ç
È&Egrave;ÈÉ&Eacute;ÉÊ&Ecirc;ÊË&Euml;ËÌ&Igrave;Ì
Í&Iacute;ÍÎ&Icirc;ÎÏ&Iuml;ÏÐ&ETH;ÐÑ&Ntilde;Ñ
Ò&Ograve;ÒÓ&Oacute;ÓÔ&Ocirc;ÔÕ&Otilde;ÕÖ&Ouml;Ö
×&times;ר&Oslash;ØÙ&Ugrave;ÙÚ&Uacute;ÚÛ&Ucirc;Û
Ü&Uuml;ÜÝ&Yacute;ÝÞ&THORN;Þß&szlig;ßà&agrave;à
á&aacute;áâ&acirc;âã&atilde;ãä&auml;äå&aring;å
æ&aelig;æç&ccedil;çè&egrave;èé&eacute;éê&ecirc;ê
ë&euml;ëì&igrave;ìí&iacute;íî&icirc;îï&iuml;ï
ð&eth;ðñ&ntilde;ñò&ograve;òó&oacute;óô&ocirc;ô
õ&otilde;õö&ouml;ö÷&divide;÷ø&oslash;øù&ugrave;ù
ú&uacute;úû&ucirc;ûü&uuml;üý&yacute;ýþ&thorn;þ
ÿ&yuml;ÿ

数学和希腊字母标志

symbols, mathematical symbols, and Greek letters

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
ƒ&fnof;ƒΑ&Alpha;ΑΒ&Beta;ΒΓ&Gamma;ΓΔ&Delta;Δ
Ε&Epsilon;ΕΖ&Zeta;ΖΗ&Eta;ΗΘ&Theta;ΘΙ&Iota;Ι
Κ&Kappa;ΚΛ&Lambda;ΛΜ&Mu;ΜΝ&Nu;ΝΞ&Xi;Ξ
Ο&Omicron;ΟΠ&Pi;ΠΡ&Rho;ΡΣ&Sigma;ΣΤ&Tau;Τ
Υ&Upsilon;ΥΦ&Phi;ΦΧ&Chi;ΧΨ&Psi;ΨΩ&Omega;Ω
α&alpha;αβ&beta;βγ&gamma;γδ&delta;δε&epsilon;ε
ζ&zeta;ζη&eta;ηθ&theta;θι&iota;ικ&kappa;κ
λ&lambda;λμ&mu;μν&nu;νξ&xi;ξο&omicron;ο
π&pi;πρ&rho;ρς&sigmaf;ςσ&sigma;στ&tau;τ
υ&upsilon;υφ&phi;φχ&chi;χψ&psi;ψω&omega;ω
?&thetasym;ϑ?&upsih;ϒ?&piv;ϖ&bull;&hellip;
&prime;&Prime;&oline;&frasl;&weierp;
&image;&real;&trade;&alefsym;&larr;
&uarr;&rarr;&darr;&harr;&crarr;
&lArr;&uArr;&rArr;&dArr;&hArr;
&forall;&part;&exist;&empty;&nabla;
&isin;&notin;&ni;&prod;&sum;
&minus;&lowast;&radic;&prop;&infin;
&ang;&and;&or;&cap;&cup;
&int;&there4;&sim;&cong;&asymp;
&ne;&equiv;&le;&ge;&sub;
&sup;&nsub;&sube;&supe;&oplus;
&otimes;&perp;&sdot;?&lceil;?&rceil;
?&lfloor;?&rfloor;?&lang;?&rang;&loz;
&spades;&clubs;&hearts;&diams;

重要的国际标记

markup-significant and internationalization characters

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
&quot;"&&amp;&<&lt;<>&gt;>Œ&OElig;Œ
œ&oelig;œŠ&Scaron;Šš&scaron;šŸ&Yuml;Ÿˆ&circ;ˆ
˜&tilde;˜&ensp;&emsp;θ&thinsp;&zwnj;
&zwj;&lrm;&rlm;&ndash;&mdash;
&lsquo;&rsquo;&sbquo;&ldquo;&rdquo;
&bdquo;&dagger;&Dagger;&permil;&lsaquo;
&rsaquo;&euro;

JavaScript转义符

转义序列字符
\b退格
\f走纸换页
\n换行
\r回车
\t横向跳格 (Ctrl-I)
单引号
双引号
\反斜杠

编程的时候要注意特殊字符的问题,很多运行时出现的问题都是由于特殊字符的出现而引起的。

我目前是在职前台开发,假如你现在也想学习前台开发技术,在入门学习前台的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我的前台学习交流裙:前面:421 中间:374最后:697。里面聚集了少量正在自学前台的初学者,转行者,初阶者,我这里也有我做前台技术这段时间整理的少量前台学习手册,前台大厂面试题,前台开发源码教程,PDF文档书籍教程,需要的话都可以找裙猪获取。

注意,因为反斜杠本身用作转义符,因而不能直接在脚本中键入一个反斜杠。假如要产生一个反斜杠,必需一起键入两个反斜杠 (\)。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 熬夜整理最全面的HTML字符实体,很下饭

发表回复