整形済みテキストを表すときに使うpre要素
<pre>……</pre>

 preは、「preformatted text」の略で、pre要素はソースコードなどをそのまま表示させるために使用します。

 ブロック要素であり、p要素などを内包することはできません。code要素などと併用する場合が多く、<>&などの記号については、字体参照(&gt;,&amp;)などを用いて表記します。

<html>
<head>
<title>pre要素のサンプル</title>
</head>
<body>

<pre>
<code>
#include &lt;stdio.h&gt;

main() {
printf(&quot;Hello World&quot;);
return 0;
}
</code>
</pre>

</body>
</html>

DOMでの参照方法

[window.]document.getElementById("【ID属性値名】")

オプション属性

属性 機能 入力例 DOM参照
width
(非推奨属性)
数値 要素の幅を
指定する
<pre width="80">……</pre> [window.]document.getElementById("【ID属性値名】").width

追加が可能なイベントハンドラ属性

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

有限会社タグパンダ
喜安 亮介

6/20

 INDEX
Web標準HTMLタグリファレンス(2)
テキストに意味を持たせる正しいXHTMLタグ
テキスト
  p 文章の段落構造を表すp要素
  q 短い引用文をインライン要素として表すq要素
  blockquote 複数行にわたるブロックレベルを引用するblockquote要素
  br 文章中での改行を表すbr要素
pre 整形済みテキストを表すときに使うpre要素
  ins テキストの追記を明示的に表すins要素
  del テキストの削除を明示的に表すdel要素
  sub 下付き文字を表すsub要素
  sup 上付き文字を表すsup要素
  特定部分に対してのみ論理的な意味を付加する「フレーズ要素」
  em やや強い強調を表すem要素
  strong 強い強調を表すstrong要素
  dfn 定義語を表すdfn要素
  code プログラムのコードを表す場合に使うcode要素
  samp プログラムが出力した結果を表すsamp要素
  kbd キーボードから入力されるテキストを表すkbd要素
  var プログラムの変数となるテキストを表すvar要素
  cite 引用元やほかリソースの参照を表すcite要素
  abbr 語句の略語を表すabbr要素
  acronym 語句の頭文字であることを表すacronym要素



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間