它们都表示空间,但有区别吗?


当前回答

,是可堆叠的,这意味着您可以一起创建多个空间。

HTML只会解析一个空格,其余的都省略了……

如果你想要5个空格,你可以放5个x  

其他回答

HTML解析器不将第一个空格视为空白,而将第二个空格视为空白。因此,“”并不一定会出现在特定的HTML标记中,而不可分割的空间总是会出现。

,应该作为空白处理。

,,应该作为两个空白处理吗

' '可以作为一个无意义的空格处理

' + ' '可以作为单个' '处理

一个是非间断空间,另一个是规则空间。非换行空格意味着该行不应该在该点被换行,就像它不会在单词中间被换行一样。

此外,正如Svend在他的评论中指出的那样,非间断空间并不是折叠的。

TLDR;除了接受的答案之外;一个是隐式的,一个是显式的。

当你编写的或由应用程序/库/框架生成的HTML被你的浏览器读取时,它会尽力解释你的HTML的意思(这可能因浏览器而异)。当您使用HTML实体代码时,您将更加特定于浏览器。您显式地告诉它您希望向用户显示一个字符(而不是您只是为了让开发人员更容易阅读而分隔HTML)。

更具体地说,如果输出HTML是:

<html>
   <title>hello</title>
   <body>
       <p>
           Tell me and I will forget. Teach me and I
           may remember.  Involve me and I will learn.
       </p>
   </body>
</html>

浏览器只会在所有这些单词之间显示一个空格(甚至是那些为了更好的可读性而缩进的单词)。

然而,如果你放入同样的东西,只是将<p>标记更改为:

<p>Hello&nbsp;&nbsp;&nbsp;There</p>

然后它会呈现空间,就像你明确指示的那样。有一些使用这些空间进行样式化的历史。随着CSS的成熟,这种用法已经有所减少。然而,仍然有许多HTML字符实体的有效用途:避免意外/无意的解释(例如,如果你想显示代码)。w3有一个很棒的页面来显示其他字符代码。

如前所述,在有“无换行空格”的地方,您将不会收到换行符。

还要注意,只包含“”的元素可能会错误地显示,其中&nbsp;将工作。至少在i.e. 6中(据我所知,IE7也有同样的问题),如果你有一个空的表格元素,如果没有内容,或者只有空白,它就不会对元素应用样式,例如边框。因此,下面的代码将不带边框:

<td></td>
<td> <td>

而边界将在本例中显示:

<td>& nbsp;</td>

嗯-不得不放一个虚拟空间,让它在这里正确渲染