HTML 展示代碼格式化
在編寫代碼的時候，有時候需要將代碼的格式呈現給其他人或者直接展示到網頁上。為了讓代碼更加清晰易讀，我們可以使用 HTML 中的 pre 標簽來展示代碼格式化。
pre 標簽表示預格式化的文本，會保留所有的空格、換行和縮進，這使得代碼看起來更加有條理，更容易理解。下面是一個簡單的例子：
<html> <head> <title>我的網頁</title> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是我的第一個網頁，希望大家喜歡！</p> </body> </html>使用 pre 標簽展示代碼時，最好同時使用實體編碼來轉義 HTML 中的特殊字符。比如上面的代碼中，用 < 代替小于號（<），用 > 代替大于號（>）。 當然，如果我們想要進一步美化展示代碼的效果，我們還可以使用一些 CSS 樣式來調整 pre 標簽的字體、顏色、背景等屬性。比如，我們可以對 pre 標簽應用以下樣式：上面的樣式會將 pre 標簽的字體設置為 Consolas，大小設置為 14px，字體顏色設置為 #333，背景色設置為 #f7f7f7，同時設置了邊框、圓角和內邊距，使得代碼更加美觀。其中，white-space 屬性設置為 pre-wrap，可以讓文本在遇到邊界時自動換行。 在使用 pre 標簽展示代碼時，還需要注意幾點。首先，pre 標簽中的所有空格、換行和縮進都會被保留，如果代碼中有多余的空格或者縮進，最好進行清除。其次，為了保證代碼的可讀性，最好將每個代碼塊都放在單獨的 pre 標簽中，避免多個代碼塊混淆在一起。 總之，使用 pre 標簽展示格式化的代碼可以使得復雜的代碼更容易閱讀和理解，讓代碼變得更加美觀和易于分享。