【HTML】preタグ - 整形済みテキスト

HTMLのpreタグをご紹介します。

preタグ

preタグは整形済みテキストをマークアップします。
テキスト中の改行や連続したスペースはp要素では無視されますが、pre要素ではそのまま表示されます。

<pre>テキスト</pre>

以下はp要素とpre要素を比較したサンプルコードです。

p要素

<p>
    HTMLの正式名称は
    HyperText     Markup     Language
    です。
    コンピュータ言語の１つで、マークアップ言語という分類に属します。
</p>

プレビュー

pre要素

<pre>
    HTMLの正式名称は
    HyperText     Markup     Language
    です。
    コンピュータ言語の１つで、マークアップ言語という分類に属します。
</pre>

プレビュー

要素のテキストは同じもので、タグだけを変えています。
プレビューからp要素とpre要素で改行や連続スペースの表示に違いがあることが分かります。