首页 > 其他分享 >HTML 转义字符表

HTML 转义字符表

时间:2022-12-28 19:03:35浏览次数:61  
标签:&# 实体 Entity 转义字符 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特殊转义字符列表

最常用的字符实体:




显示

说明

实体名称

实体编号

 

半方大的空白

&ensp;

&#8194;

 

全方大的空白

&emsp;

&#8195;

 

不断行的空白格

&nbsp;

&#160;

<

小于

&lt;

&#60;

>

大于

&gt;

&#62;

&

&符号

&amp;

&#38;

"

双引号

&quot;

&#34;

©

版权

&copy;

&#169;

®

已注册商标

&reg;

&#174;


商标(美国)


&#8482;

×

乘号

&times;

&#215;

÷

除号

&divide;

&#247;


字符 十进制 转义字符 "&#34;&quot; &&#38;&amp; <&#60;&lt; >&#62;&gt; 不断开空格(non-breaking space)&#160;&nbsp;


JavaScript转义符:

HTML特殊转义字符对照表

字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符 ? ¡ ¡ Á Á Á á á á ¢ ¢ ¢ Â Â ˆ â â â £ £ £ Ã Ã Ã ã ã ã ¤ ¤ ¤ Ä Ä Ä ä ä ä ¥ ¥ ¥ Å Å ˚ å å å | ¦ ¦ Æ Æ Æ æ æ æ § § § Ç Ç Ç ç ç ç ¨ ¨ ¨ È È È è è è © © © É É É é é é a ª ª Ê Ê Ê ê ê ê ? « « Ë Ë Ë ë ë ë ? ¬ ¬ Ì Ì Ì ì ì ì /x7f ­ ­ Í Í Í í í í ® ® ® Î Î Î î î î ˉ ¯ ¯ Ï Ï Ï ï ï ï ° ° ° Ð Ð Ð ð ð &ieth; ± ± ± Ñ Ñ Ñ ñ ñ ñ 2 ² ² Ò Ò Ò ò ò ò 3 ³ ³ Ó Ó Ó ó ó ó ′ ´ ´ Ô Ô Ô ô ô ô μ µ µ Õ Õ Õ õ õ õ ? ¶ ¶ Ö Ö Ö ö ö ö · · · × × × ÷ ÷ ÷ ? ¸ ¸ Ø Ø Ø ø ø ø 1 ¹ ¹ Ù Ù Ù ù ù ù o º º Ú Ú Ú ú ú ú ? » » Û Û Û û û û ? ¼ ¼ Ü Ü Ü ü ü ü ? ½ ½ Ý Ý Ý ý ý ý ? ¾ ¾ Þ Þ Þ þ þ þ ? ¿ ¿ ß ß ß ÿ ÿ ÿ À À À à à à

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



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

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



标签:&#,实体,Entity,转义字符,HTML,转义
From: https://blog.51cto.com/u_3002289/5976170

相关文章

  • wkhtmltox安装基于centos镜像
    安装脚本安装docker环境dockerpullcentos:7dockerrun-dcentos:7dockerexec-itxxxbash进入容器安装复制软件https://wkhtmltopdf.org/downloads.htm......
  • HTML5 播放 RTSP 视频
    HTML5播放RTSP视频目前大多数网络摄像头都是通过RTSP协议传输视频流的,但是HTML并不标准支持RTSP流。除了Firefox浏览器可以直接播放RTSP流之外,几乎没有其他......
  • 第7章 使用Razor视图渲染HTML(ASP.NET Core in Action, 2nd Edition)
    本章包括•创建Razor视图以向用户显示HTML•使用C#和Razor标记语法动态生成HTML•使用布局和局部视图重用公共代码RazorPagesPageModel、页面处理程序和Razor视图中......
  • 关于HTML元素高度属性+滚动到底部实现的笔记
    clientHeight元素像素的可视高度,包含元素的高度+内边距,不包含水平滚动条,边框和外边距 offsetHeight元素像素的可视高度,包含元素的垂直内边距和边框,水平滚动条的高度,且......
  • HTML 常用标签 tag
    标签tag基础标签div块元素介绍:没有任何含义,主要用于div进行模块布局类型:块级元素block,盒子占用宽度为一整行属性:没有属性<div>我是模块</div>我是模块spa......
  • WebUI自动化必备技能-HTML和css知识详解
    每天进步一点点,关注我们哦,每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号:自动化软件测试,领取资料可加:magetest码同学抖音号:小码哥聊软件测试 学习w......
  • HTML
    1.概念: HyperTextMarkupLanguage超文本标记语言  *超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。    *标记语言:    ......
  • VSCode使用技巧快速生成HTML模板
    本章目录:-前言简述-自定义HTML模板前言简述描述,我们在使用vscode时,新建的html文件是什么内容都没有的空文件,每次新建之后我们都要写那一坨一模一样的固定结构的标签。那有......
  • 基于springboot+mybatis+mysql+html实现校园宿舍管理系统
    @目录一、系统简介二、系统主要功能界面三、其它系统四、源码下载一、系统简介本系统功能模块主要分为:信息浏览浏览功能、宿舍打卡浏览功能、学生提交信息功能、宿舍搜索......
  • 网页特殊符号HTML代码大全
    ´&acute;©&copy;>>µ&micro;®&reg;&&amp;°&deg;¡&iexcl; &nbsp;»&raquo;¦&brvbar;÷&divide;¿&iquest;¬&not;§&sect;......