一些特殊 html 标记详解，终于搞懂有的页面源码的部分看不懂的乱码是干啥的了

小胖狐

文章	评论	标签
277	207	466

在 html 中有一些标记，如果正常写可能会被当做 html 标签或关键词来解析，导致显示异常。为了解决这些问题，我们可以使用一些特殊符号标记来展现他们，下面我们来讲其中的一些（为了避免被解析掉，我们放到代码块里展示）：

| 描述 | 写法 |
| --- | ---|
| 空格 | &nbsp; |
| 小于 | &lt; |
| 大于 | &gt; |
| 引号 | &quot; |
| 版权 | &copy; |
| ×叉 | &times; |
| & | &amp; |

然后我们来看个源码展示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>一些特殊 html 标记示例</title>
    </head>
    <body>
        <p>下面的一些例子都是因为有的符号在 html 中有可能会作为特殊符号对待创造的特殊字符替代写法。</p>
        
        <!-- &nbsp; 表示空格占位符，不用的话打多个空格也只能解析为一个空格 -->
        空格：   ----&nbsp;&nbsp;&nbsp;----&nbsp;&nbsp;----
        <br>
        <!-- < 有时候会被识别为标签的左边，如果要保证显示可以用 &lt; -->
        小于号：&lt;&lt;&lt;
        <br>
        <!-- > 有时候会被识别为标签的右边，如果要保证显示可以用 &gt; -->
        大于号：&gt;&gt;&gt;
        <br>
        <!-- &quot; 可以表示引号（英文半角双引号） -->
        英文双引号：&quot;&quot;
        <br>
        <!-- &copy; 可以显示版权符号，无需用特殊字符打出来 -->
        版权符号：&copy;
        <br>
        <!-- &times; 表示乘号，也可以用来作为一些按钮关闭的图标使用 -->
        叉号：&times;。跟字母的 X 和 x 是不一样的。
        <br>
        <!-- &amp; 表示 & 符号，保护它不作为特殊符号本身来解析 -->
        与符号：&amp;
        

    </body>
</html>

最终呈现的效果：