div - ブロック要素|HTMLリファレンス|ホームページ作成講座リュウム

<div> - ブロック要素

概要

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

説明

<div> 自身は特に何の意味も持たないタグです。<div>～</div> で囲まれた部分を右寄せしたり、スタイルシートを適用したりするのに用いられます。

同様なタグに <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	H4s/e3/N4。クラスを指定します。
dir=dir	H4s/e5/N6。文字の表示方向を指定します。
id=id	H4s/e3/N4。IDを指定します。
lang=lang	H4s/e4/N6。言語を指定します。
style=style	H4s/e3/N4。スタイルシートを指定します。
title=title	H4s/e4/N6。タイトルを指定します。
IE拡張属性	他にもIEで拡張された属性が指定可能です。

使用例

HTMLソース
<div align="right" style="border:3px solid gray"> 右寄せ </div>

ブラウザ表示例
右寄せ

改行と<div>

改行の目的がブロックを分けることであるなら、改行に <br> を用いるよりも、<div> を用いた方が意味的にすっきりします。下記にその例を示します。

HTMLソース

Copyright (C) 1996-2002 杜甫々<br>
初版：2000年3月9日、最終更新：2002年3月21日<br>
http://tohoho.wakusei.ne.jp/html/div.htm
　　　↓
<div>Copyright (C) 1996-2002 杜甫々</div>
<div>初版：2000年3月9日、最終更新：2002年10月2日</div>
<div>http://tohoho.wakusei.ne.jp/html/div.htm</div>