空格 特殊字符

当我们需要在内容之间是有空格时,HTML 给我们提供了一个特殊字符:。它不是一个标签,所有书写的时候没有<>。如果我们直接使用键盘的空格键,那么只能达到空一格的效果,如果我们想空多格,那么就必须使用 这个特殊字符了。

1. 特殊字符 的作用

如果我们在编写代码时,通过空格键让我们的代码产生空格,那么我们只能达到空一格的效果。例如:

  <div>我是        一句话</div>

那么在页面上会呈现以下效果:

图片描述
即使我们在代码当中空了很多格,但实际在页面上只产生了一个空格的效果。
如果我们想实现空很多格的效果,必须使用我们的特殊字符 标签了。

2. 特殊字符 的用法

特殊字符 不是标签,所有不需要用<>包裹,我们直接在想要空格的地方写就可以了。例如:

  <div>我是     一句话</div>

这样我实现了空5格的效果,如下图所示:
图片描述

3. 特殊字符 的特点

  1. 特殊字符 不是标签,所有不需要 <> 包裹;
  2. 为一个整体,确实任意一个字符都不会产生效果;
  3. 一个 代表空一格,如果想产生空多格的效果,就编写多格 字符。

4. 注意事项

如果我们只需要达到空一格的效果,那么直接在我们的代码当中使用键盘中的空格键即可,如果想实现空多格的效果,那么就必须使用 特殊字符了,因为浏览器只识别一个空格键的空格。

5. 真实案例分享

百度搜索(部分)

<span>
    <span>© Baidu </span>
    <a>使用百度前必读</a> 
    <a>意见反馈</a> <span>京ICP证030173号 
</span>

慕课网首页(部分)

<p>© 2020 imooc.com  京ICP备 12003892号-11</p>

6. 小结

  1. 为一个整体,代表一个空格字符实体。
  2. 并不是一个标签,不能用 <> 包裹起来。
  3. 如果仅需要一个空格,则可以直接使用空格键,如果需要多个空格,则需要空格字符实体。
  4. 一个 代表一个空格,如果需要多个空格,则需要写多个

图片描述