它们都表示空间，但有区别吗?
当前回答
一个是非间断空间，另一个是规则空间。非换行空格意味着该行不应该在该点被换行，就像它不会在单词中间被换行一样。
此外，正如Svend在他的评论中指出的那样，非间断空间并不是折叠的。
其他回答
一个是非间断空间，另一个是规则空间。非换行空格意味着该行不应该在该点被换行，就像它不会在单词中间被换行一样。
此外，正如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 There</p>
然后它会呈现空间，就像你明确指示的那样。有一些使用这些空间进行样式化的历史。随着CSS的成熟，这种用法已经有所减少。然而，仍然有许多HTML字符实体的有效用途:避免意外/无意的解释(例如，如果你想显示代码)。w3有一个很棒的页面来显示其他字符代码。
,是可堆叠的，这意味着您可以一起创建多个空间。
HTML只会解析一个空格，其余的都省略了……
如果你想要5个空格，你可以放5个x
除了这里的其他答案外，非间断空格不会像常规空格那样被“折叠”。例如:
<！——都是——> < p > Word1 Word2 < / p > <！——和——> < / p > < p > Word1 Word2 <！——将在任何浏览器上呈现相同的效果——> <！—下图在渲染时保留空格。--> < p > Word1 ,,,,, Word2 < / p >
@Zoidberg是对的， 例子:
<h1>title</h1> <h2>date</h2>
是否会在标题标记之间不显示空格
& nbsp ;
将做空格:)
推荐文章
- 如何设置身体高度溢出滚动
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 点击下载Href图片链接
