≪ 目次　＜ 名前順要素一覧　［ 戻る ］　使用例 ↓

バナー

中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

DIV要素 - ブロックレベルのグループ化

DIV
DIV要素は、要素の内容をグループ化する、ブロック要素。
  • 要素の内容は０個以上のインライン/ブロック要素（Flow）ですが、
    <div></div>
    では意味がありません。１個以上の要素が必要です。

W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Strict より

<!ELEMENT div %Flow;>  <!-- generic language/style container -->
<!ATTLIST div
  %attrs;  >

使用例

　XXXX　　はHTMLサンプルです。

　XXXX　　はHTMLサンプルの表示例です。

文書構造をグループ化

HTML記述
<div id="strawberry">
　：
苺についての記述
　：
</div>
<div id="apple">
　：
林檎についての記述
　：
</div>

上記HTML記述例では、苺と林檎の説明をid属性で識別名を付けてグループ化し、情報の構造化を行なっています。

グループの内容をスタイルシートで一括修飾

HTML記述
<div style="text-align:center;">
<p>ABCDEF</p>
<div style="font-size:150%;">
<p>GHIJKL</p>
</div>
</div>
表示例

ABCDEF

GHIJKL

上記HTML記述例では、グループ化された内容を、スタイルシートで一括修飾しています。

≪ 目次　＜ 名前順要素一覧　［ 戻る ］　Top ↑

Created：Jun 01, 2005 Updated：Oct.,25,2011 © by おっちゃん
Oct.,25,2011 全面更新