它是否重要，HTML元素之间的空格？

Question

它是否重要，源代码中HTML元素之间的空格？当我们通过CSS提供风格？并需要跨浏览器兼容性

对于任何浏览器？

Answer 1

是的，例如：几乎任何时候数据是内联的。

相比：

<p>H<b>e</b>llo, world</p>

和

<p>H <b>e</b> llo, world</p>

Answer 2

空白确实很重要，但所有空格都被视为一个空格。例如，

<span>hello</span> <span>there</span>

将由浏览器呈现完全相同的

<span>hello</span>         <span>there</span>

除非使用<pre>标签。

Answer 3

在浏览器中比较这两行：

<img src="..." /> <img src="..." />
<img src="..." /><img src="..." />

您会看到第一行中的图像之间存在空格，而第二行中的图像之间没有空格。

Answer 4

文本区域也会受到开始和结束标记之间的空白的影响，因为它假设两者之间的任何内容都是它应该显示的内容....

Answer 5

根据html，css或其他文件中的空白量，它可能会影响下载到用户系统所需的时间。

Answer 6

ie6用于在渲染时在某些标记之间放置间隙。当Office 2009使用word呈现它的HTML电子邮件时，这也很重要。如果你有行间距，它可以放入2px的间隙。

Answer 7

正如Douglas和David Dorward所指出的那样，白色空间确实很重要。

然而，在HTML块（即，不是javascript或其他嵌入的内容类型）中，所有连续的空白空间等同于单个空白空间。也就是说，hello <b>world</b>相当于

hello   
            <b>world</b>

此规则的例外是在<pre>..</pre>块内，这些块是按规范对空白区域敏感的。

Answer 8

它取决于包含空格的元素的内容模型。如果模型是文本派生的，包括它是混合元素和文本，那么空白就很重要（尽管多个空格​​字符通常会折叠成一个，并且前导/尾随空间完全被删除，但<pre>内部除外）。如果模型只允许元素内容，那么空格根本就没有意义;例如，<ul>和它的<li>s之间的空白被认为是完全不重要的。