前端 HTML 标签里特殊符号

最新推荐文章于 2022-07-13 16:49:32 发布

weixin_30315435

最新推荐文章于 2022-07-13 16:49:32 发布

阅读量501

点赞数 1

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/mingerlcm/p/10609248.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>

转载于:https://www.cnblogs.com/mingerlcm/p/10609248.html

weixin_30315435

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端 HTML 标签里特殊符号

特殊符号浏览器在显示的时候会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
复制链接

扫一扫