HTML中的换行符如何影响结果页面的间距?

时间:2013-02-15 00:08:56

标签: html css

我在index.php文件中注意到,如果我这样做:

<a href=""></a>
<a href=""></a>

Versus

<a href=""></a><a href=""></a>

当我使用换行符时,两者之间有更多空格。我在哪里可以阅读更多内容?

3 个答案:

答案 0 :(得分:4)

在HTML规范中,任何数量的空白区域在显示时都会成为一个空白区域。

这样做的:

<a href=""></a> <a href=""></a>

相同
<a href=""></a>
<a href=""></a>

或中间任意数量的回车或空格。

如果你没有空白区域,那么两者就会碰到对方。这允许诸如在单词中间加粗的事情。

修改

感谢insertusernamehere,HTML 4.01规范中的确切位置位于:

http://www.w3.org/TR/html401/struct/text.html#h-9.1

特别是,该部分说:

  

请注意,源文档中的单词之间的一系列空格可能会导致完全不同的渲染字间距(PRE元素除外)。特别是,用户代理应在生成输出字间空间时折叠输入空格序列。

答案 1 :(得分:0)

在PHP中,与HTML非常相似,换行/回车通常只是用来使文本更清晰。这样,未来的代码编辑很容易实现。

不确定这是否完全相关,但我发现了另一篇与PHP格式相关的帖子:PHP Coding style - Best practices

答案 2 :(得分:0)

技术上与HTML无关,HTML本身只是一种标记页面的方式。实际上,CSS样式通过white-space属性折叠了空白区域。该属性为您提供以下选项:

  

正常 - 此值指示用户代理折叠空白序列,并根据需要断行以填充行框。

     

pre - 此值可防止用户代理折叠空白序列。线条仅在保留的换行符处断开。

     

nowrap - 此值会为“正常”折叠空白区域,但会抑制文本中的换行符。

     

预包装 - 此值可防止用户代理折叠空格序列。在保留的换行符处打破行,并根据需要填充行框。

     

pre-line - 此值指示用户代理折叠空白序列。在保留的换行符处打破行,并根据需要填充行框。

默认情况下,它设置为正常。这将导致浏览器在呈现HTML结构时将任何白色空间序列折叠为单个可见空间。由于换行是一种白色空间,它们也会崩溃。

请参阅16.6 White space: the 'white-space' property