前端 HTML 标签里特殊符号

最新推荐文章于 2025-06-22 09:30:00 发布

转载最新推荐文章于 2025-06-22 09:30:00 发布 · 552 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mingerlcm/p/10609248.html

文章标签：

#前端 #ViewUI

本文介绍了HTML中如何正确使用特殊字符及符号进行网页内容的编辑。详细解释了如何输入空格、大于号、小于号等常用符号，并提供了实际代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

特殊符号

浏览器在显示的时候会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，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>