HTMLタグ <div> は、それ自体には何の意味も効果もありません。 開始タグと終了タグに挟まれたテキストやHTML要素に任意の属性を指定したいときに指定します。<span> タグと異なり、ブロック要素となります。

書式

HTML

<DIV [arrtibute=value ...]> content-model </DIV>

XHTML

<div [arrtibute=value ...]> content-model </div>

内容モデル

開始タグと終了タグの間にはブロック要素またはインライン要素が任意回数表れます。

属性

div要素の属性は、HTMLのバージョンにより異なる。

div要素の属性
属性 HTML 4.01 Transitional HTML 4.01 Strict XHTML 1.0 Strict HTML5
align Supported Not supported Not supported Not supported
id Supported Supported Supported Supported
class Supported Supported Supported Supported
style Supported Supported Supported Supported
title Supported Supported Supported Supported
lang Supported Supported Supported Supported
xml:lang Not supported Not supported Supported Not supported
dir Supported Supported Supported Supported
onclick Supported Supported Supported Supported
ondblclick Supported Supported Supported Supported
onmousedown Supported Supported Supported Supported
onmouseup Supported Supported Supported Supported
onmouseover Supported Supported Supported Supported
onmousemove Supported Supported Supported Supported
onmouseout Supported Supported Supported Supported
onkeypress Supported Supported Supported Supported
onkeydown Supported Supported Supported Supported
onkeyup Supported Supported Supported Supported

属性は全て省略可能です。

align
テキストの配置を以下に示す値の中から指定します。HTML 4.01 transitional の属性で、HTML 4.01 strict や XHTML では廃止されました。
align 属性の値
意味
left 左寄せ(dir=ltrの規定値)
center 中央寄せ
right 右寄せ(dir=rtlの規定値)
justify 均等配置

HTML の各要素は DTD によって定義されています。 DIV 要素が DTD でどのように定義されているかを見るには、次のリンクをクリックしてください。

DIV 要素の使用例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。

特定の一部分だけに<div style="color: red">スタイル</div>を指定するときに使用します。

特定の一部分だけに

スタイル
を指定するときに使用します。

スポンサーリンク