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

概要

カテゴリー

• Flow content
• Palpable content

配置できる場所

• 上記カテゴリーの要素が置ける場所。
• dl要素の子として。

内容モデル

• dl要素の子である場合は、下記のセット。下記に、0個以上のScript-supporting contentの混在も可。
  1. 1個以上のdt要素。
  2. 上記に続いて、1個以上のdd要素。
• dl要素の子でない場合は、Flow content

属性

• グローバル属性

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

• 省略不可。

WAI-ARIA

• 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要素は本来汎用的な要素だという点を損なうものであり、違和感がある。