Question

在这样的HTML中插入换行符会影响输出吗？

<header>

    <div id="someid">

        something here

    </div>

</header>

我一直在尝试研究Web开发，不同的教程使用不同的格式。标签之间的额外线条是否会影响输出？我个人更喜欢这种方式，因为作为一个新手，它看起来更具可读性。

Answer 1

否 - 在输出中折叠了空格。

首先，这意味着两件事：

1 - 不显示HTML元素中的前导/尾随空格，因此这两个div将显示相同的内容：

<div>Some stuff</div>

<div>     Some stuff

</div>

2 - 一行中的多个空白字符将折叠到一个空格中。这意味着这两个div将显示相同的内容：

<div>Some stuff</div>

<div>Some              stuff</div>

这是a nice article以供进一步阅读。

Answer 2

不，它没有。我认为你要找的是这样的：

<header>

    <div id="someid">
        <br>
        something here
        <br>
    </div>

</header>

<br>标记在文本中生成换行符。

Answer 3

在输出中忽略空格，有一两个例外（幸运的是，你只能在高级水平上看到这一点）

你可以放1个空行或1000，结果将是相同的

Answer 4

换行符不会影响渲染，但会将多个空格折叠到一个空格中，这可能会有所不同。

例如，当您为了可读性而缩进标记时，输出将在标记之间留出空格。当你的意图是将这些元素直接放在一起时，你会发现它们没有。

See this link用于打击不需要的空间的示例和技巧。

Answer 5

不，..但有时是。

在旧工作中，由于在所有站点上使用了一些错误的引导网格CSS（随时间变化的早期非官方副本），他们不得不从div中删除换行符和缩进。

这是一个很奇怪的问题，使我感到困惑，我们基本上必须始终确保我们的'cols'结束标记与下一个开始标记在同一行，完全没有空格。

最终，我通过说服他们使用正式的引导网格来停止了此操作。