李涛自留地
回到顶部
首页 > 前端 > Html中转义字符是什么?Html常用的转义字符大全

Html中转义字符是什么?Html常用的转义字符大全

文章目录

转义字符也称字符实体,转义字符在很多编程语言中都会使用到,可以说转义字符是编程语言中一个很基础的编程小知识点,那么常见的转义字符有哪些呢?比如我们在编程中常用的空格、换行等等。就会用到转义字符,Html作为一门标记语言也有很多转义字符,本文将从Html转义字符是什么?Html常用的转义字符、html转义字符使用Demo等多个方面对Html转义字符进行记载和分享。

Html转义字符是什么?

在Html中,转义字符是指由特殊字符组成的有特殊含义的符号,比如:在Html中我们常用的<和>一般都是用来闭合标签来使用,有时候存在不能解析的情况,所以我们不能直接使用,如果需要使用这些符号的时候,我们就需要使用转义字符对这些符号进行转义。

Html常用的转义字符

字符 转义字符 说明
" " 引号
& & 和号
< < 小于号
≤ ≤ 小于等于号
> > 大于号
≥ ≥ 大于等于号
不断开空格   空格
© © 版权符号
® ® 已注册商标符号
™ ™ 商标符号(美国)
× × 乘号
÷ &pide; 除号
中文字符长度空格   中文字符长度空格
' ' 单引号
¥ ¥ 人民币
$ $ 美元符
‰ ‰ 千分率
“ “ 左双引号
” ” 右双引号
‘ ‘ 左单引号
’ ’ 右单引号
Html中转义字符是什么?Html常用的转义字符大全

由于使用markdown编辑器,造成直接将转义字符转义成了实体符号,上图是实际的转义字符。

Html转义字符使用注意事项:在Html代码中使用转义字符一点不要把转义字符后面的英文半角状态下的;号忘掉,否则转义字符在Html标签中将不会生效。

html转义字符使用Demo

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>转义字符Demo</title>
</head>

<body>
    <p>转义字符测试换行 没有使用转义字符的空格</p>
    <p>中文字符长度空格转义字符 看看效果</p>
    <p>©版权符号测试:copyright©<a href="http://www.leetao.com">李涛</a>版权所有</p>
</body>

</html>
Html中转义字符是什么?Html常用的转义字符大全

html转义字符使用Demo

在上述Demo中主要是对不断开空格和中文字符长度空格及版权标识符进行了测试,在不断开空格和中文字符长度空格的测试中,可以发现使用中文字符长度空格的转义字符比不断开空格的转义字符要多出一个字符。

本文主要从Html转义字符是什么?Html常用的转义字符以及一个简单的Html转义字符Demo三方面对Html转义字符进行了记载和分享,希望本文能帮助到正在搜索Html转义字符的网友。

若非作者标注皆为李涛自留地原创文章,转载或复制请以超链接形式并注明出处。