明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html頁(yè)面中如何完成保留空格以及換行符的案例區(qū)分

[摘要]我們知道,在瀏覽器對(duì)HTML頁(yè)面進(jìn)行渲染顯示的時(shí)候,會(huì)對(duì)HTML文件中的空格和換行符進(jìn)行處理,這樣我們?cè)瓉?lái)寫在HTML文件中的格式化就可能起不到效果,尤其是在我們想展示結(jié)構(gòu)化程序代碼時(shí)就會(huì)遇到問(wèn)題,如下所示:<html><body>for i = 1 to 10print ...
我們知道,在瀏覽器對(duì)HTML頁(yè)面進(jìn)行渲染顯示的時(shí)候,會(huì)對(duì)HTML文件中的空格和換行符進(jìn)行處理,這樣我們?cè)瓉?lái)寫在HTML文件中的格式化就可能起不到效果,尤其是在我們想展示結(jié)構(gòu)化程序代碼時(shí)就會(huì)遇到問(wèn)題,如下所示:

<html>

<body>

for i = 1 to 10
     print i
next i

</body>
</html>

這樣的HTML文件在瀏覽器上顯示時(shí)就會(huì)全部打印在一行上,如下所示:

for i = 1 to 10 print i next i

這樣對(duì)于程序的理解就不能看的很清楚,那么如何才能像HTML文件中書(shū)寫的那樣進(jìn)行顯示呢?

<pre>預(yù)格式化標(biāo)簽在這里便發(fā)揮了它的作用,該標(biāo)簽主要對(duì)空格和空行進(jìn)行處理,保留HTML文件中存在的空格和空行。我們加上這個(gè)標(biāo)簽后,如下所示:

<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頁(yè)面中如何實(shí)現(xiàn)保留空格以及換行符的實(shí)例分析的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。