<div>
対応ブラウザ | Internet Explorer 3~ Firefox 1~ Google Chrome 1~ Safari 1~" Opera 6~ | ||
---|---|---|---|
タグの分類 | ブロックレベル要素 | 定義バージョン | Strict, Transitional, Frameset |
開始タグ | 必須 | 終了タグ | 必須 |
用例 |
|
属性
align | 概要 | 水平方向の表示位置を指定します。。 |
---|---|---|
属性の値 | center、left、right、justify |
<div>とは
「DIV」とは、単体では特に意味を持たないタグですが、<div>で囲った部分をブロックレベル要素としてグループ化することができるタグです。
グループ化することで、align属性により水平方向の位置をまとめて指定したり、指定した範囲にスタイルシートを適用したりすることができます。
同じ意味を持つタグとして<span>タグがありますが、<div>タグはブロックレベル要素としてグループ化を行いますので、見出しや段落、リストなどとしてみなされ前後に改行が入ります。
<span>タグはインライン要素で文章の一部として利用されますので前後に改行は入りません。
サンプルデモ
align="center":中央寄りで表示します。
<div align="center">この指定では文章の位置を調整します。これは中央寄りの指定です。</div>
align="left":左寄りで表示します。
<div align="left">この指定では文章の位置を調整します。これは左寄りの指定です。</div>
align="right":右寄りで表示します。
<div align="right">この指定では文章の位置を調整します。これは右寄りの指定です。</div>