構文

<pre>
    ：
</pre>

説明文

　<pre>タグは，<pre>～</pre>内に記述した内容をそのままWebページとして表示する。例えば，画面の端まで文字列が達しても改行が行われない，<br>タグを用いなくてもテキストで改行している位置で改行が行われる，半角スペースをそのまま表示するなどといったように表示が行われる。

　特に<pre>タグの直後および</pre>タグの直前で改行すると，余分な空行が空いてしまう。もし，空行を空けたくない場合は改行をせず<pre>タグの直後から，または</pre>タグの直前まで本文を記述する。

　プログラムのソース・コードや出力結果などを記載する際に役立つ。

　ただし，タグで利用する「<」「>」やエスケープ文字を表示する場合に利用する「&」といった記号はそのままでは表示されない。そのため，「&lt;」「&gt;」「&amp;」などと記述する必要がある。

サンプル

HTMLソース

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

void main()
{
	printf("HTMLでWebページを作成しよう\n");
}
</pre>

ブラウザ表示例

#include <stdio.h>

void main()
{
	printf("HTMLでWebページを作成しよう\n");
}

対応状況

HTML IE Firefox Opera
4 strict 4 Transitional 5 6 7 2 3 8 9
○ ○ ○ ○ ○ ○ ○ ○ ○

要素，タグ

タグ要素 ブロック要素
包括可能要素 <img>，<object>，<applet>，<big>，<small>，<sub>，<sup>，<font>，<basefont>を除くインライン要素
タグ記述条件 開始タグ：必須　終了タグ：必須

属性

属性 意味 対応
HTML 4s HTML 4t その他
class=クラス名 このタグのクラス名。CSSでスタイルを指定する場合などに利用される ○ ○ 　
dir=方向 タグ内の文字の表示方向。「ltr」を指定すると文字を左から右に，rtlを指定すると「右から左」に表示する。しかし，多くのWebブラウザでは，文字コードを自動判別し，自動的に表示方向を決定している。そのため，日本語を「rtl」と指定しても実際には左から右に表示される。強制的に並び替えを行いたい場合は<bdo>タグを利用する ○ ○ 　
id=ID タグのID。ダイナミックHTMLでタグを操作する場合や，Java Scriptでのタグの制御，個別にスタイルを指定する場合などに利用する ○ ○ 　
lang=言語 タグ内に記述した言語。例えば，日本語の場合は「ja」，英語の場合は「en」を指定する ○ ○ 　
style=スタイル タグのスタイル。スタイルの指定方法については「CSSの基本 (2) CSSの記述位置」を参照 ○ ○ 　
title=タイトル タグのタイトル。一般的にタグの補足情報を記述する。一般的なWebブラウザでは，タグ上にマウス・ポインタを乗せるとツール・チップにtitle属性に指定した内容を表示する ○ ○ 　

マウスやキーボードの状況変化に関わる属性

属性 意味 対応
HTML 4s HTML 4t その他
onclick=スクリプト このタグに対応する表示結果にマウスの左ボタンをクリックした場合に，指定したスクリプトを実行する ○ ○  
ondblclick=スクリプト このタグに対応する表示結果にマウスの左ボタンをダブル・クリックした場合に，指定したスクリプトを実行する ○ ○  
onmousedown=スクリプト このタグに対応する表示結果にマウスのボタンで押下した場合に，指定したスクリプトを実行する ○ ○  
onmouseup=スクリプト このタグに対応する表示結果にマウスのボタンを離した場合に，指定したスクリプトを実行する ○ ○  
onmouseover=スクリプト このタグに対応する表示結果にマウス・ポインタが乗った場合に，指定したスクリプトを実行する ○ ○  
onmousemove=スクリプト このタグに対応する表示結果上でマウス・ポインタが動いた場合に，指定したスクリプトを実行する ○ ○  
onmouseout=スクリプト このタグに対応する表示結果にマウス・ポインタが外れた場合に，指定したスクリプトを実行する ○ ○  
onkeypress=スクリプト このタグに対応する表示結果にフォーカスした状態で，キーボードのキーを押下して離した場合に，指定したスクリプトを実行する ○ ○  
onkeydown=スクリプト このタグに対応する表示結果にフォーカスした状態で，キーボードのキーを押下した場合に，指定したスクリプトを実行する ○ ○  
onkeyup=スクリプト このタグに対応する表示結果にフォーカスした状態で，キーボードのキーから離した場合に，指定したスクリプトを実行する ○ ○  

関連項目