在編寫HTML代碼的過程中，為了使代碼整潔、易讀、易于維護，我們需要對代碼進行格式化。在HTML4中，有一種特殊的格式化方式，就是使用格代碼格式化（preformatted code）。
<!DOCTYPE html> <html> <head> <title>格代碼格式化</title> </head> <body> <pre> <p>Hello, World!</p> </pre> </body> </html>
如上所示，我們可以在代碼中使用<pre>標簽將代碼包裹起來，并在其中書寫我們的HTML代碼。<pre>標簽會保留代碼中的所有空格、換行符，并按照原有的格式進行展示，在瀏覽器中呈現出來時會與普通的HTML文本不同，通常會使用等寬字體，方便進行代碼的調試和維護。
除了手動使用<pre>標簽對代碼進行格式化外，我們還可以使用一些代碼編輯器和IDE自帶的格式化功能，來快速對代碼進行格式化。這些工具可以幫助我們在編寫HTML代碼時，自動進行縮進、排版，使得代碼更加整齊、易讀，提高了編寫效率。
然而，格代碼格式化雖然能夠使得代碼整潔、易讀，但也有其使用的局限性。因為格代碼格式化會保留所有的空格、換行符等格式內容，如果在其中進行一些樣式的調整，很容易導致樣式不生效。所以，我們在使用格代碼格式化時需要額外注意樣式的書寫，以免影響到網頁的正常呈現。
上一篇ahooks vue
下一篇semantic引vue