【HTML】divタグの読み方と使い方例

<div>は、「ディブ」タグと呼びます。DIVision(ディビジョン)の略です。意味は「区分」で、特に意味はないですが、ブロック要素でくくることができます。※インライン要素では、<span>を使います。

HTML5での使い方例

使い方は、ほかのタグで使えない時、どのタグが適切がわからない時に使用します。ただしやたらめったら調べずにdivばかりを選ぶと、ソース的にも分かりにくいし、SEO的にもよくないので気を付けましょう。div病って言葉、あるんですねwたまに見かけます。というか慣れるまではみんなこれちゃう？

<div>この中に要素を入れます。</div>

横並びとかであれば、liなどでリスト化するとか、classでなんとでもなるので正しいソースコードにしましょう。ちなみにalignは非推奨になったので使わないようにしましょう。テキストでセンター揃えにしたい場合は、classで text-align を使用しましょう。

おまけ：XHTML1.0での使い方例

XHTL1.xででも使い方は同じです。HTML5になってからheaderやnavなどが増えたので注意が必要です。