div要素はブロックレベル要素にて構造化を表現するための要素
<div>……</div>

 インライン要素で構造化を表すためにspan要素がありますが、div要素はブロックレベル要素での構造化の表現をします。

 div要素はCSSレイアウトを行ううえで非常に頻繁に使われる要素で、p要素やul、li要素といったブロックレベル要素を内包できます。

これはdiv要素のサンプルです。

<html>
<head>
<title>div要素のサンプル</title>
</head>
<body>
<div>
<p>これはdiv要素のサンプルです。</p>
</div>
</body>
</html>

DOMでの参照方法

 IE 5以降とW3C DOMをサポートしているWebブラウザでは、下記のIDを使った参照方法が使えます。

[window.]document.getElementById("【ID属性値名】")

オプション属性

属性 機能 入力例 DOM参照
align "left"
"center"
"right"
"justify"
水平方向の
整列方法を
指定
<div align="left">……</div> [window.]document.getElementById("【ID属性値名】").align

有限会社タグパンダ
喜安 亮介

9/10

 INDEX
Web標準HTMLタグリファレンス(1)
文書構造を表現するXHTMLタグの正しいマークアップの仕方 文書構造
  html HTMLタグのすべての先祖となるhtml要素
  body ブラウザに表示される部分の始まりと終わりを表すbody要素
  head メタ情報や外部アセットの読み込みを記述する領域のhead要素
  meta メタ情報を表すmeta要素
  title ドキュメント(ページ)のタイトルを表すtitle要素
  h1〜h6 ドキュメント(ページ)の見出しを表現するh1〜h6要素
  span span要素はインライン要素にて構造化を表現するための要素
div div要素はブロックレベル要素にて構造化を表現するための要素
  address コンタクト先を記述するaddress要素



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間