div要素：HTML Living Standard各要素別メモ

概要

配置できる場所

dl要素の子である場合は、下記のセット。下記に、0個以上のScript-supporting contentの混在も可。
1. 1個以上のdt要素。
2. 上記に続いて、1個以上のdd要素。
option要素の子孫である場合は、0個以上のOption element inner content element
前項の場合を除いてoptgroup要素の子孫である場合は、0個以上のOptgroup element inner content element
前二項の場合を除いてselect要素の子孫である場合は、0個以上のSelect element inner content element
その他の場合は、Flow content

属性

HTML構文におけるタグの省略

dl要素の子でない場合は、
- デフォルトroleは、generic。デフォルトroleをrole属性値に指定することは、推奨されない。
- デフォルトrole以外では、すべてのroleが指定可能。
dl要素の子である場合は、
- デフォルトroleは、generic。デフォルトroleをrole属性値に指定することは、推奨されない。
- デフォルトrole以外では、presentation、noneを指定可。

視覚系ブラウザのデフォルトとして期待されるCSS


  div {
    display: block;
    unicode-bidi: isolate;
  }

意味・用法

特別な意味を持たない。

他に適切な要素がある場合はそれを用いるものであり、この要素は最後の手段として検討することを強く推奨する。

Flow contentレベルの汎用要素。

この要素自体には、特定の論理的意味・文書構造的意味はない。

意味を付与したい場合は、class属性にそれらしい属性値を入れるか、title属性に説明を入れるか、WAI-ARIAのrole属性を設定するか、MicrodataやRDFaを用いる。

論理的意味・文書構造的意味とは無関係に、スタイルシートやスクリプトを適用する都合のため「だけ」にFlow contentレベルの範囲をくくりたい場合は、div要素を用いる。

Phrasing contentレベルの汎用要素は、span要素。

dl要素の子要素である場合には、dl要素内部でのグループ分けの意味合いを持つことになる。個人的には、なんらの属性の付加もなしでdiv要素が特定の意味合いをもってしまうようなあり方は、div要素は本来汎用的な要素だという点を損なうものであり、違和感がある。