備忘録的プログラミングリファレンス

pre タグエレメント

ブロックレベルエレメント

 pre タグエレメントは、プログラムコード例といった整形済みテキストを表示できる HTML タグエレメントです。

 HTML で文章に改行があってもそのままに表示されません。改行を入れるには <br> や <p> と </p> といったブロックエレメントを使用する必要があります。
 <pre> エレメントは、その内容の段落や改行は編集された状態のままに表示します。

pre タグエレメント
<pre>
var elem_example = document.getElementById('example');
alert(elem_example);
</pre>
表示例(フォントがこのサイトでの設定になっています)
var elem_example = document.getElementById('example');
alert(elem_example);

詳しくは動作の確認を参照してください

 pre は、preformatted text(整形済みテキスト)の略で、ソース中のスペースや改行をそのまま表示します。 ただし、< や > 、& はタグとして認識されるので、&lt; や &gt; や &amp; を使用してエスケープします。

 ブロックエレメントで、段落として表示します。文中にプログラムコードを挿入する場合は 、<code> を使います。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

その他の属性はHTMLPreElementを参照してください

動作の確認

 pre タグエレメントは、プログラムコード例といった整形済みテキストを表示できる HTML タグエレメントです。

 以下に上記の属性のvalueから pre タグエレメントを作成します。

JavaScript

 pre タグエレメントの定義は、HTMLPreElement インターフェイスを参照してください。