首頁 > web前端 > html教學 > html頁面中如何實作保留空格以及換行符的實例分析

html頁面中如何實作保留空格以及換行符的實例分析

黄舟
發布: 2017-07-27 14:33:57
原創
2301 人瀏覽過

我們知道,在瀏覽器對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檔案中書寫的那樣進行顯示呢?

預先格式化標籤在這裡便發揮了它的作用,該標籤主要對空格和空行進行處理,保留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
登入後複製

#顯示的效果:

for i = 1 to 10
     print i
next i
登入後複製

以上是html頁面中如何實作保留空格以及換行符的實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
上一篇:html中關於換行符佔空間的解決辦法 下一篇:html中關於