html中加一个空行,浅谈HTML代码中的空格和空行

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

例子1：(文本内容中的连续空格)

代码

XML/HTML Code复制内容到剪贴板

这段文本中，输入连续的空格          大概输入了十个。

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

XML/HTML Code复制内容到剪贴板

这段文本中，输入连续的空格 大概输入了十个。

例子2：(代码之间的连续空格)

代码

XML/HTML Code复制内容到剪贴板

span是一个行内标签和前面的span元素之间隔了很多个空格

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

XML/HTML Code复制内容到剪贴板

span是一个行内标签 和前面的span元素之间隔了很多个空格

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

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

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

例子3：(文本内容中的空行)

代码

XML/HTML Code复制内容到剪贴板

这段文本中，输入连续的空行

大概输入了五行。

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

XML/HTML Code复制内容到剪贴板

这段文本中&#