Rumah > hujung hadapan web > html tutorial > html页面中如何实现保留空格以及换行符的实例分析

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

黄舟
Lepaskan: 2017-07-27 14:33:57
asal
2303 orang telah melayarinya

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

<html>

<body>

for i = 1 to 10
     print i
next i

</body>
</html>
Salin selepas log masuk

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

for i = 1 to 10 print i next i
Salin selepas log masuk

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

预格式化标签在这里便发挥了它的作用,该标签主要对空格和空行进行处理,保留HTML文件中存在的空格和空行。我们加上这个标签后,如下所示:</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><html>

<body>

<pre class="brush:php;toolbar:false">
for i = 1 to 10
     print i
next i
Salin selepas log masuk

显示的效果:

for i = 1 to 10
     print i
next i
Salin selepas log masuk

Atas ialah kandungan terperinci html页面中如何实现保留空格以及换行符的实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan