pre

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 整形済み書式
読み方 プリ/プリフォーマッティッドテキスト

カテゴリー

フロー・コンテンツ

親にできる要素/カテゴリー

フロー・コンテンツが期待される場所

子にできる要素/カテゴリー

フレージング・コンテンツ

<pre 属性="値">~</pre>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 pre要素は、書式がすでに整形されている文章に使います。プログラムのソースコードや、プログラムの実行例などに適しています。

 一般に、HTML内で文章を改行するには、br要素を使います。しかし、pre要素の中では改行文字がそのまま改行として出力されます。

 ソースコードはcode要素と組み合わせることができます。また、実行例はsamp要素と組み合わせることができます。

サンプル

(body要素の内部のみ掲載)

<h1>サンプルコード
<pre>
<code>
var x = 1;
document.write('Hello, world!');
</code>
</pre>

サンプル実行画像

よくある間違い、勘違い

 preタグ直後の改行文字は取り除かれます。

Powered by Web Professional

目次