浅谈HTML代码中的空格和空行

HTML 代码中的所有连续的空格或空行（换行）都会被显示为一个空格。

例子1：（文本内容中的连续空格）

代码

显示效果：“格”和“大”之间的是个空格显示出来只是一个空格。

例子2：（代码之间的连续空格）

代码

显示效果:两个span元素之间连续的空格，显示出来即"签"与“和”之间的空格，只有一个空格。

上面两个例子证明：HTML代码中连续的空格在显示时会显示为一个空格，其余的多余的空格会被移除或者说被忽略。

段落文本其实也是HTML代码的一部分，只不过它在p标签内部，而例子2的空格是在两个span标签之间。

理解了空格，现在看看空行，同理

例子3：（文本内容中的空行）

代码

显示效果：如我们所见，文本代码中的五行空行，显示出来也只是一个空格。

例子4：（元素之间/标签之间的空行），只要把例子2中的空格换成空行就可以了，显示效果和例子2的一样，多行空行都只会显示为一个空格。

得证：HTML 代码中的所有连续的空格或空行（换行）都会被显示为一个空格。