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