它是否重要，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>之间的空格应该完全不重要。