★HTML Living Standard リファレンス

<div> …… 子要素をまとめる
Internet Explorer

<div>タグは、子要素をまとめる際に使用します。

div要素に特別な意味はありません。 div要素にclass属性、lang属性、title属性を指定することで、div要素の子要素グループに共通の意味を与えることができます。また、div要素は、 dl要素の子要素として、 dt要素と dd要素のグループをまとめる際にも使用できます。

div要素は、他に適切な要素がない場合に最後の手段として使用することが推奨されています。 div要素の代わりに文脈に応じた要素を使用することで、ユーザーのアクセシビリティが向上するでしょう。

例えば、ブログ投稿は article要素、章は section要素、ページのナビゲーション補助は nav要素、フォームコントロールのグループは fieldset要素でマークアップします。

div要素は、スタイリング目的に使用したり、セクション内の複数の段落をラップしてまとめて意味付けする場合などに役立ちます。

div要素とspan要素の使い分け

div要素とspan要素は、どちらも特別な意味を持たない要素です。 div要素とspan要素の使い分けですが、 div要素は、複数の子要素をまとめてコンテンツブロックをまとめるのに便利です。 span要素は、インラインのテキストなどに対してクラス名や言語などを指定するのに役立ちます。

■使用例

以下のサンプルは、div要素でラップすることで、２つのp要素の言語をまとめて設定しています。

HTMLソース

<article lang="en-US">

 <h1>My use of language and my cats</h1>

 <p>
 My cat's behavior hasn't changed much since her absence, except
 that she plays her new physique to the neighbors regularly, in an
 attempt to get pets.
 </p>

 <div lang="en-GB">
  <p>
  My other cat, coloured black and white, is a sweetie. He followed
  us to the pool today, walking down the pavement with us. Yesterday
  he apparently visited our neighbours. I wonder if he recognises that
  their flat is a mirror image of ours.
  </p>
  <p>
  Hm, I just noticed that in the last paragraph I used British
  English. But I'm supposed to write in American English. So I
  shouldn't say "pavement" or "flat" or "colour"...
  </p>
 </div>

 <p>
 I should say "sidewalk" and "apartment" and "color"!
 </p>

</article>

↓↓↓

ブラウザ上の表示

My use of language and my cats

My cat's behavior hasn't changed much since her absence, except that she plays her new physique to the neighbors regularly, in an attempt to get pets.

My other cat, coloured black and white, is a sweetie. He followed us to the pool today, walking down the pavement with us. Yesterday he apparently visited our neighbours. I wonder if he recognises that their flat is a mirror image of ours.

Hm, I just noticed that in the last paragraph I used British English. But I'm supposed to write in American English. So I shouldn't say "pavement" or "flat" or "colour"...