HTML 样式指南 Google 与 W3Schools（省略可选标签）

Question

我正在阅读一些风格指南，并看到了关于可选标签的相互矛盾的建议。

谷歌说：

省略可选标签（可选）。出于文件大小优化和可扫描性的目的，请考虑省略可选标签。HTML5 规范定义了可以省略哪些标签。

（这种方法可能需要建立一个宽限期作为更广泛的指导方针，因为它与 Web 开发人员通常所教的内容大不相同。出于一致性和简单性的原因，最好省略所有可选标签，而不仅仅是选择。）

W3CSchools 说：

关闭所有 HTML 元素在 HTML5 中，您不必关闭所有元素（例如<p>元素）。

我们建议关闭所有 HTML 元素：

和

我们不建议省略 <html> 和 <body> 标签。

这意味着 Google 更喜欢：

<!-- Recommended -->
<!DOCTYPE html>
<title>Saving money, saving bytes</title>
<p>Qed.

W3CSchools 更喜欢：

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

</html>

写这个也被认为是“不好看”，而谷歌会推荐它。

<section>
  <p>This is a paragraph.
  <p>This is a paragraph.
</section>

我发现 W3CSchools 对 head 标签有所不同非常有趣

是否有充分的理由停止使用可选标签？ 就我个人而言，我发现代码可读性较差，但这纯粹是基于意见的，我想通过一些培训，我会更喜欢一种而不是另一种。

谷歌表示这是为了尺寸优化和可扫描性目的，但这真的是一个很好的理由吗？下面的文章提出了一些建议，但在我看来更多基于意见，我正在寻找停止使用可选标签的充分理由

这里的资源：

Answer 1

很多时候我们使用可选的结束标签是因为它使文档更具可读性。正如谷歌所说，删除它们会减少文件大小，但是，我们大多数人没有谷歌的流量。这个建议是给那些这样做的人的。然后，再一次，减少下载大小总是一件好事。

我经常完全省略 body 标签，因为在大多数情况下，即使是开始标签也是可选的。但是，有一种危险是将其遗漏，并遗漏结束标签，可能会在以后导致问题。我想说将 body 标签放入并关闭所有元素可以消除导致这些问题的可能性。例如，您只能在某些情况下不使用 html 和 body 标签。

如果 html 元素中的第一件事不是注释，则可以省略 html 元素的开始标记。如果 html 元素后面没有紧跟注释，则可以省略 html 元素的结束标记。

对于某些人来说，这非常重要。对其他人来说不是。

对于动态生成的网站来说，这可能是一个更大的问题，在这些网站中，内容是即时创建的，而周围的元素可能未知。真的知道下面的元素会导致div元素被关闭吗？