div要素の概要
| コンテンツのグループ化HTML | ||
| <div>～</div> |
||
| 目的 | コンテンツの一部をグループ化し、スタイルシートで装飾する際に用いる。<div>自体は意味を持たない。 | |
| 関連 | <span> | |
|
つれづれなるままに、日暮らし、硯にむかひて、
春はあけぼの。やうやう白くなりゆく山際、少し明かりて、紫だちたる
※<span>がインライン要素であることに対し、<div>はブロックレベル要素ですから表記上は改行されます。<div>は<img>等も含めたグループとしてレイアウト構成でも多用される要素です。 |
||
<div style="background-color: #ff2200;">つれづれなるままに、日暮らし、硯にむかひて、</div><div style="background-color: #00ffff;">春はあけぼの。やうやう白くなりゆく山際、少し明かりて、紫だちたる</div> |
||
属性
グローバル属性のみ
CSSデザイン
一つのグループとして全体の装飾をしたい際はdivを用いるよう心がけること。