html中,一些特殊字符有特殊的含义或者行为,比如是用来标记html元素的起始和结束,如果不小心将这些字符放进html文档中,会导致文档无法正确的被渲染。因此,html提供了一些转义字符,以在html文档中使用这些特殊字符。
在HTML中,使用%来进行HTML字符的URL转义。下面是一些常用的HTML字符转义:
在HTML中,小于符号
- > 转义大于符号
大于符号>同样也是起始标签的一个组成部分,使用>来代替。
- & 转义“&”符号
在HTML中,&符号是用于起始字符实体的,如果不进行转义,浏览器会认为后面的字符是一个新的字符实体。因此,使用&来代替&符号。
立即学习“前端免费学习笔记(深入)”;
- " 转义双引号
双引号”通常用于HTML元素属性的值的引用,如果不进行转义,浏览器会认为属性值结束位置在双引号之前。因此,使用"来代替双引号。
- ' 转义单引号
单引号'也是用于HTML元素属性的值引用的一种可选字符,使用'来代替。
除了以上五种最常用的HTML字符转义外,还有一些其它的字符转义:
- ¢ 转义美分符号
- £ 转义英镑符号
- ¥ 转义日元符号
- € 转义欧元符号
- © 转义版权符号
- ® 转义注册符号
以上是一些重要的HTML字符转义,使用这些转义字符可以避免在HTML文档中不必要的错误。如果还有其它字符需要转义,可以在HTML特殊字符实体列表中查找。
代码演示:
以下是HTML字符转义的演示:
- zuojiankuohaophpcn 转义小于符号
- youjiankuohaophpcn 转义大于符号
- & 转义“&”符号
- " 转义双引号
- ' 转义单引号
- ¢ 转义美分符号
- £ 转义英镑符号
- ¥ 转义日元符号
- € 转义欧元符号
- © 转义版权符号
- ® 转义注册符号
输出结果:
以下是HTML字符转义的演示:
- > 转义大于符号
- & 转义“&”符号
- " 转义双引号
- ' 转义单引号
- ¢ 转义美分符号
- £ 转义英镑符号
- ¥ 转义日元符号
- € 转义欧元符号
- © 转义版权符号
- ® 转义注册符号
总结:
HTML字符转义的作用在于保证文档的结构正确并且合法。在实际的编程过程中,我们需要时常考虑HTML字符转义以避免因字符串转义错误而导致的页面结构紊乱等问题。











