html页面中如何实现保留空格以及换行符的实例分析

来源：动视网责编：小采时间：2020-11-27 15:28:46

html页面中如何实现保留空格以及换行符的实例分析:我们知道，在浏览器对HTML页面进行渲染显示的时候，会对HTML文件中的空格和换行符进行处理，这样我们原来写在HTML文件中的格式化就可能起不到效果，尤其是在我们想展示结构化程序代码时就会遇到问题，如下所示：<html> <body> for

推荐度：

点击下载本文 文档为doc格式

导读html页面中如何实现保留空格以及换行符的实例分析:我们知道，在浏览器对HTML页面进行渲染显示的时候，会对HTML文件中的空格和换行符进行处理，这样我们原来写在HTML文件中的格式化就可能起不到效果，尤其是在我们想展示结构化程序代码时就会遇到问题，如下所示：<html> <body> for

我们知道，在浏览器对HTML页面进行渲染显示的时候，会对HTML文件中的空格和换行符进行处理，这样我们原来写在HTML文件中的格式化就可能起不到效果，尤其是在我们想展示结构化程序代码时就会遇到问题，如下所示：

<html>

<body>

for i = 1 to 10
 print i
next i

</body>
</html>

这样的HTML文件在浏览器上显示时就会全部打印在一行上，如下所示：

for i = 1 to 10 print i next i

这样对于程序的理解就不能看的很清楚，那么如何才能像HTML文件中书写的那样进行显示呢？

<pre>预格式化标签在这里便发挥了它的作用，该标签主要对空格和空行进行处理，保留HTML文件中存在的空格和空行。我们加上这个标签后，如下所示：

<html>

<body>

<pre>
for i = 1 to 10
 print i
next i
</pre>

</body>
</html>

显示的效果：

for i = 1 to 10
 print i
next i

推荐度：

点击下载本文 文档为doc格式

标签：如何空白空格