## <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://www.tohoho-web.com/html/div.htm
    　　　↓
    <div>Copyright (C) 1996-2002 杜甫々</div>
    <div>初版：2000年3月9日、最終更新：2002年10月2日</div>
    <div>http://www.tohoho-web.com/html/div.htm</div>

#### ■ 関連項目

<span>、 <style>

Copyright (C) 1996-2002 杜甫々
初版：2000年3月9日、最終更新：2002年10月2日
http://www.tohoho-web.com/html/div.htm