Question

我不是编码方面的专家，所以我决定询问两件我无法找到答案的事情。

HTML代码中的空格和注释是否会影响页面呈现？我使用模板作为我的个人网站。为了理解我到目前为止在HTML文件中所做的一切，我发表了很多评论。我也在部分之间使用ENTER SPACES，所以我可以清楚地看到一切。

我已阅读过有关从CSS和HTML文件中删除评论的信息，但没有找到理由这样做。

Answer 1

元素间空格可以影响CSS中的内联布局，大多数（在？中）在像How to remove the space between inline-block elements?这样的问题中有着名的表现，它们似乎将它视为某种必须根除的恶毒瘟疫。只要你没有滥用内联布局，但这并不意味着，你会发现空白是资产，而不是内联布局的障碍。另请参阅white-space property。

元素间空格对CSS中的任何其他布局都没有影响。不阻止布局，表格布局，浮动布局，弹性布局，虚无...如果是，那就是浏览器错误。

如果注释之外没有元素间空格（在它和任何元素之间），注释应该对任何布局都没有影响。以下片段是等效的：

<div></div><!--

Here be dragons

--><div></div>

<div></div><div></div>

某些版本的Internet Explorer（特别是较旧的版本）可能会在出现评论的情况下错误地构建DOM树，但这些问题很少，而且在您自己遇到之前不值得担心。

从HTML中删除注释和无关紧要的空格的主要原因是减少文件大小。即使您使用制表符而不是缩进空格，它们也会相加。然而，由于minifiers不具备CSS中的布局知识，因此他们无法告诉您删除某个空间是否会对布局产生负面影响。

HTML代码中的空格和注释是否会影响页面呈现？

1 个答案: