空白は前のタグで無視されません

Question

「前の」タグはすべての空白とタブを1つのスペースに崩壊させますが、それは私のためには行いません。

なぜそうですか？それはWebブラウザに依存しているのですか、何かもっとやるべきですか？

Answer 1

HTML 4.01 Specification

からPRE要素は、囲まれたテキストは、「整形済み」であることを視覚的ユーザエージェントに指示します。書式設定済みのテキストを扱う場合、ビジュアルユーザエージェント：

• 空白をそのまま残すことができます。
• テキストを固定ピッチフォントでレンダリングすることがあります。
• 自動ワードラップを無効にすることができます。あなたはそれを入力したとして
• が双方向処理を無効にしてはいけません

PREタグは空白のままにします。目的はそれだけです。プレタグを使用しない場合、標準HTMLはあなたが書いたように空白を崩壊させます。 にの空白を保存することに興味がある場合はPREを使用してください。ではなく、です。

ここにはJSFiddleのexampleがあります。

これはホワイトスペースを保持します：

<pre> 
    Spaces 
    and more 
     galore 
</pre> 

をこれが崩壊空白ます：あなたはそれを書いたとして

<div> 
    All 
    together 
    now 
</div> 

Answer 2

PREタグは、ちょうど同じ形式であなたの内容を維持します。 "書式設定済み"のテキストを書いたのと同じ方法で保持するために使用されます。