HTML <pre> 預先格式化

<pre> 標籤 (tag) 是用來保存原始文字內容的格式 (preformatted text),意思是文字內容中的空白換行 (whitespace) 都會被保留下來顯示,而瀏覽器預設樣式會以等寬字型 (fixed-width font) 顯示 <pre> 中的內容。

舉個例子:

<pre>
  L          TE
    A       A
      C    V
       R A
       DOU
       LOU
      REUSE
      QUE TU
      PORTES
    ET QUI T'
    ORNE O CI
     VILISÉ
    OTE-  TU VEUX
     LA    BIEN
    SI      RESPI
            RER       - Apollinaire
</pre>

顯示結果:

  L          TE
    A       A
      C    V
       R A
       DOU
       LOU
      REUSE
      QUE TU
      PORTES
    ET QUI T'
    ORNE O CI
     VILISÉ
    OTE-  TU VEUX
     LA    BIEN
    SI      RESPI
            RER       - Apollinaire
你需要將 <pre> 裡面的 HTML 標籤符號 < 轉成 HTML entities &lt;,以確保碰到 closing tag 時不會被瀏覽器解譯為是 HTML 標籤而造成顯示錯誤。