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

概要

カテゴリー

• なし。

配置できる場所

• menu要素の子として。
• ol要素の子として。
• ul要素の子として。

内容モデル

• Flow content

• main要素の規定による制限
  • main要素を子孫に含んではならない。

属性

• グローバル属性
• value→順序を表す整数。ol要素の子でないli要素には指定してはならない。

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

• 終了タグ→一定条件で可。

WAI-ARIA

• 親要素のroleが（デフォルトでそうである場合も含めて）listである場合は、
  • デフォルトroleは、listitem。デフォルトroleをrole属性値に指定することは、推奨されない。
  • デフォルトrole以外のroleは、指定不可。
• そうでない場合は、
  • デフォルトroleは、generic。デフォルトroleをrole属性値に指定することは、推奨されない。
  • デフォルトrole以外では、すべてのroleが指定可能。

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

  li {
    display: list-item;
    text-align: match-parent;
    unicode-bidi: isolate;
  }
  

視覚系ブラウザにおいて期待されるレンダリング

• ol要素の子である場合は、リスト内での順番及びvalue属性値をレンダリングのヒントとして用いる。

意味・用法

リスト項目を表す。

私見・補足

li要素をa要素で囲んでしまうと、menu要素、ol要素、ul要素の内容モデルに抵触する。li要素をまるごとリンク化するなら、li要素の内容をa要素で囲む。

表示確認

menu要素、ol要素、ul要素を参照。