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

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

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

e03b848252eb9375d56be284e690e873預先格式化標籤在這裡便發揮了它的作用，該標籤主要對空格和空行進行處理，保留HTML文件中存在的空格和空行。我們加上這個標籤後，如下所示：

<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中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多