pre « webmas.jp

pre

<pre> 要素は整形済みテキストを表します。この要素内のテキストは HTML 文書のソース内での改行やスペースが Web ブラウザの表示結果にそのまま反映されます。多くの Web ブラウザ標準のスタイルでは等幅フォントで表示されます。

分類: フローコンテンツ、知覚可能コンテンツ
内包できるもの: フレージングコンテンツ

属性

グローバル属性のみ

サンプル

<pre> 要素は、 HTML 文書に記述したそのままの改行やスペースを反映するため、ソースコード等の表現に有効となります。その場合 <code> タグを組み合わせて使用するのも良いでしょう。コード内に「<>」記号を使用したい場合、そのまま HTML 文書内に記述してしまうとタグとして認識されてしまうため、「<」は「<」、「>」は「>」を記述します。

例：CSS のコードを書く場合

<pre>
<code>&lt;style&gt;
a {
	color: red;
}
&lt;/style&gt;</code>
</pre>

プレビュー

<style>
a {
	color: red;
}
</style>