首页 ✒舞文弄墨,随笔收获⏳

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

| 描述 | 写法 |
| --- | ---|
| 空格 |   |
| 小于 | < |
| 大于 | > |
| 引号 | " |
| 版权 | © |
| ×叉 | × |
| & | & |

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

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

最终呈现的效果:

332.png

扫描二维码,在手机上阅读!


文章评论