前端 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中输入空格、回车都是没有作用的。要想输入空格，需要用特殊符号 &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>

大于号符号 &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>

 

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

</body>
</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>

用符号代替小于好，小于号符号 &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>

posted @ 2019-03-28 17:27  minger_lcm  阅读(1136)  评论(0)  编辑  收藏  举报