html页面中如何实现保留空格以及换行符的实例分析
程序员文章站
2022-03-28 09:37:43
...
我们知道,在浏览器对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
以上就是html页面中如何实现保留空格以及换行符的实例分析的详细内容,更多请关注其它相关文章!