前端 HTML 标签里 特殊符号

时间:2023-03-08 23:51:25
前端 HTML 标签里 特殊符号

特殊符号

浏览器在显示的时候会移除源代码中多余的空格和空行。 所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML代码中的所有连续的空行(换行)也被显示为一个空格。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">百 度</a> </body>
</html>

按回车空格 在网页上只能显示1个空格

前端 HTML 标签里 特殊符号

特殊字符

在上一个实例中,我们演示了HTML中输入空格、回车都是没有作用的。要想输入空格,需要用特殊符号 &nbsp;

常用的特殊字符:

内容 对应代码
空格 &nbsp;
> &gt;
< &lt;
& &amp;
¥ &yen;
版权 &copy;
注册 &reg;

空格符号 &nbsp;

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- &nbsp; 空格符号 -->
<a href="http://www.baidu.com">百&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;度</a> </body>
</html>

前端 HTML 标签里 特殊符号

大于号符号 &gt;

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- &gt; 空格符号 -->
<a href="http://www.baidu.com">百&gt; &gt;度</a> </body>
</html>

前端 HTML 标签里 特殊符号

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">百<>度</a> </body>
</html>

前端 HTML 标签里 特殊符号

没有了<>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">百<a>度</a> </body>
</html>

前端 HTML 标签里 特殊符号

用符号代替小于好,小于号符号 &lt;

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- &lt; 小于号符号 -->
<a href="http://www.baidu.com">百&lt;度</a> </body>
</html>

前端 HTML 标签里 特殊符号