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

常用的特殊字符：

内容	对应代码
空格
>	>
<	<
&	&
¥	¥
版权	©
注册	®

空格符号  

<!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>

大于号符号 >

<!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>

用符号代替小于好，小于号符号 <

<!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 标签里 特殊符号

特殊符号

特殊字符

猜你喜欢

前端 HTML 标签里特殊符号