html - HTML 中的换行符/空格会影响页面的显示方式吗？

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>一些东西</div>

这是一篇不错的文章，供进一步阅读。

Answer 2

不，不是的。我认为您正在寻找的是这样的：

<header>

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

</header>

该<br>标签在文本中生成一个换行符。

Answer 3

在输出中忽略空格，在一两个例外情况下（幸运的是，您只能在高级级别看到这一点）

你可以放1个空行或1000个，结果是一样的

Answer 4

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

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

有关对抗不需要空间的示例和技术，请参见此链接。

Answer 5

不，.. 但有时是的。

在一份旧工作中，他们不得不从 div 中删除换行符和缩进，因为他们在所有网站上都使用了一些糟糕的引导网格 CSS（随着时间的推移而发生变异的早期非官方副本）。

这是一个让我感到困惑的非常奇怪的问题，我们基本上必须始终确保“cols”的结束标签与下一个开始标签在同一行，根本没有空格。

最终，我通过说服他们使用官方引导网格来阻止这种情况。