HTML 转义字符表_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:45:18
原创
1767人浏览过

为什么要用转义字符串?

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特殊转义字符列表

最常用的字符实体:

快转字幕
快转字幕

新一代 AI 字幕工作站,为创作者提供字幕制作、学习资源、会议记录、字幕制作等场景,一键为您的视频生成精准的字幕。

快转字幕 357
查看详情 快转字幕

显示 说明 实体名称 实体编号
  半方大的空白
  全方大的空白
  不断行的空白格    
小于 <
> 大于 > >
& &符号 & &
" 双引号 " "
© 版权 © ©
® 已注册商标 ® ®
? 商标(美国) ?
× 乘号 × ×
÷ 除号 ÷ ÷

字符 十进制 转义字符
" " "
& & &
<
> > >
不断开空格(non-breaking space)    

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

JavaScript转义符:

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


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


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


参考资料:

http://114.xixik.com/character/

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号