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

pre タグエレメント

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

 pre タグエレメントは、プログラムコード例を示す HTML タグエレメントです。
 ブロックエレメントで、段落として表示します。文中にプログラムコードを挿入する場合は 、<code> を使います。
 preは、preformatted text(整形済みテキスト)の略で、ソース中のスペースや改行をそのまま表示します。 ただし、< や > や & はタグとして認識されるので、&lt; や &gt; や &amp;でエスケープします。

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

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

- ad -

属性

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

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

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

動作の確認

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

- ad -

JavaScript

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