Question

建议在DOCTYPE之后，在根元素之前的任何注释之后，在html元素的开始标记之后（如果没有省略），以及在html元素内但之前的任何注释之后插入换行符。头元素。

这个推荐背后的原因是什么？写作

之间有区别吗？

<!DOCTYPE html>
<html>
<head>...

和

<!DOCTYPE html><html><head>...

Answer 1

它只是有助于提高可读性，代码处理方式完全相同。

Answer 2

解析自闭标签在某些情况下可能有点奇怪。

例如，在HTML5中，编写如下所示的无序列表是完全有效的：

<ul>
    <li>Hello
    <li>World
</ul>

<li>标记意味着</li><li>如果在它之前没有关闭</li>。奇怪的是，代码中的新行实际上会影响列表呈现给浏览器的方式。

不幸的是你无法在jsfiddle中看到这一点，但你可以看到间距问题如何影响正常写入的列表因间距而有所不同，如下所示：

<ul>
    <li>Hello</li><li>World</li>
</ul>

与

不同

<ul>
    <li>Hello</li>
    <li>World</li>
</ul>

这是一个小小的演示：http://jsfiddle.net/LGq9k/1/

我会想象奇怪的间距奇怪是他们建议普遍接受的句法间距和换行应该使用的原因，但谁知道呢？