某些HTML字符打不出来怎么办-html教程-PHP中文网

某些HTML字符打不出来怎么办

醉折花枝作酒筹

发布： 2021-08-02 17:22:22

原创

2900人浏览过

这一次我们将目光转向html，我们都知道在html中有一些字符没有办法写出来，必须要通过其他方式才能书写。今天我们就来介绍一下html的字符实体，有需要的可以参考参考。

大家了解字符实体吗？防止某些小伙伴不了解，我们先来说一下字符实体。

字符实体通俗讲就是网页文件中复杂的符号代码和一些标点的代码。例如小于号 ，大于号<code>> ，双引号“”这些符号要在浏览器中显示，在HTML文档中都必需被转化成字符实体。字符实体有三部分：一个和号（&），一个实体名称及一个分号（；），或者 # 和一个实体编号，以及一个分号（;）。

既然我们已经知道了字符实体，那我们就来看看一些实体的表示方法。

我们先来看一个例子。

立即学习“前端免费学习笔记（深入）”；

< 或 或 <code>是什么意思？第一个表示方法是不是很熟悉，它是小于号的意思。

从这个小小的例子可以更加清晰直观的看到HTML字符实体的表示方法。

我们现在就来观察各种字符的HTML实体。

不间断空格

HTML中一大常用字符实体——不间断的空格（）。

浏览器总是截断HTML页面中的空格。如果在文本中写入10个空格，浏览器将在显示页面之前删除其中9个空格。要增加页面中的空格数，需要使用字符实体。

例子

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p>我就试试有没有大段的空白            。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/960">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680009546769.jpg" alt="风声雨声">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/960">风声雨声</a>
                            <p>基于 gpt-3.5 的翻译服务、内容学习服务</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="风声雨声">
                                <span>124</span>
                            </div>
                        </div>
                        <a href="/ai/960" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="风声雨声">
                        </a>
                    </div>
                
</body>
</html>

登录后复制

结果

4R$0[YNIWLGHMAD)6MX`S$H.png