HTMLとCSSを使ったWEBサイトの実践的な作り方を紹介。

基礎12. div要素-グループさせる

      2017/07/11

この章について

下記のbase-html01.zipをダウンロードして実際に記述してみましょう。
base-html01

div要素

初期値はブロックレベル要素です。div要素は分割・区切り(division)という役割があります。主に複数の要素をまとめてグループにしたり、ブロック分けに使用する要素です。意味付けはなくbodyタグ内に使用できるタグは、すべて入れ子にできるのが特徴です。

divタグはページのレイアウト構成で必ず使用します。数が増えやすく構造が分かりづらくなるので、インデント処理やコメントを使い、分かりやすい記述になるようにしましょう。

注意点として意味付けが行われないので、テキストやリンクなどは直接囲まず、pタグなど意味付けを行うタグを入れ子にして記述するようにしましょう。

あまり良くない例

適切な例

まとめ

  • div要素は、意味付けがない
  • divタグは、グループやブロック分けに使用する
  • divタグは、どんなタグでも入れ子にすることができる

 - HTML・CSS