<div> - ブロック要素

項目	説明
形式	<div>～</div>
サポート	H3+ / e3+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i1+
タグの省略	開始タグ：必須、終了タグ：必須
包含可能要素	ブロック要素 / インライン要素

<div> は特に意味は持ちませんが、汎用的なブロック要素として、スタイルシートを適用したり、JavaScfript で操作するのによく用いられます。

同様なタグに <span> がありますが、<div> はブロック要素（一般的に前後に改行がはいる様な要素）として、<span> はインライン要素（一般的に前後に改行が入らない要素）として定義されています。

【固有属性】
属性	意味
align=align	H3-H4T/e3+/N2/i1+。表示位置を指定します。　　center：中央表示（H3/e3/N2/i1）　　left：左寄せ（H3/e3/N2/i1）（既定値）　　right：右寄せ（H3/e3/N2/i1）　　justify：両端揃え（H3/e6）

【データバインド関連属性】
属性	意味
datafld=datafld	e4+。データバインド機能を用いる際の、データソースの列名を指定します。
dataformatas=format	e4+。データバインド機能を用いる際の、データフォーマットを html または text のいずれかで指定します。
datasrc=datasrc	e4+。データバインド機能を用いる際の、データソースの ID を指定します。

【一般属性】
属性	意味
class=class	H4+/e3+/N4+。クラスを指定します。
id=id	H4+/e3+/N4+。ID を指定します。
style=style	H4+/e3+/N4+。スタイルシートを指定します。
title=title	H4+/e4+/N6+。タイトルを指定します。
dir=dir	H4+/e5+/N6+。文字の表示方向を指定します。
lang=lang	H4+/e4+/N6+。言語を指定します。
accesskey=key	H5+。アクセスキーを指定します。
tabindex=n	H5+。タブインデックスを指定します。
contenteditable=bool	H5+/e55+。要素を編集可能にします。
contextmenu=id	H5+。コンテキストメニューを指定します。
draggable=bool	H5+。ドラッグを可能にします。
dropzone=value	H5+。ドロップを可能にします。
hidden	H5+。要素を非表示にします。
spellcheck=bool	H5+。スペルをチェックします。
IE拡張属性	他にもIEで拡張された属性が指定可能です。

HTML

<div style="border:1px solid gray; text-align:right; width:200px;">
右寄せ
</div>

表示

右寄せ

改行に <br> を用いるよりも、<div> を用いた方が意味的にすっきりすることがあります。

HTML

Copyright (C) 1996-2002 杜甫々<br>
最終更新：2002年3月21日<br>
http://www.tohoho-web.com/html/div.htm
　　　↓
<div>Copyright (C) 1996-2002 杜甫々</div>
<div>最終更新：2002年10月2日</div>
<div>http://www.tohoho-web.com/html/div.htm</div>
　　　↓
<div class="copyright">Copyright (C) 1996-2002 杜甫々</div>
<div class="lastmodified">最終更新：2002年10月2日</div>
<div class="url">http://www.tohoho-web.com/html/div.htm</div>

<div> - ブロック要素

■ 概要

■ 説明

■ 属性

■ 使用例

■ 改行と<div>

■ 関連項目