目次に戻る

ul要素:HTML Living Standard各要素別メモ

概要

カテゴリー
配置できる場所
内容モデル
属性
HTML構文におけるタグの省略
  • 省略不可。
WAI-ARIA
  • デフォルトroleは、listデフォルトroleは、role属性値に指定すべきでない。
  • デフォルトrole以外では、directorygrouplistboxmenumenubarradiogrouptablisttoolbartreepresentationnoneを指定可。
  • リストマーカーが削除されたら、一部のユーザーエージェントは、デフォルトroleからlistを削除することがある。その場合、もし必要ならば、それを回復するために、rolelistを指定することができる。
視覚系ブラウザデフォルトとして期待されるCSS

  ul {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    list-style-type: disc;
  }

  :is(dl,menu,ol,ul) ul {
    margin-block-start: 0;
    margin-block-end: 0;
  }

  :is(menu,ol,ul) ul {list-style-type: circle;}
  :is(menu,ol,ul) :is(menu,ol,ul) ul {list-style-type: square;}
  
意味・用法

順序を変更しても意味は変わらないだろうリストを表す。

私見・補足

順序が意味をもつ場合は、ol要素を用いる。

リスト見出しキャプション又はラベルをつけたい場合は、下記のような方法がありうるだろう。

表示確認

ソース

  これまでに訪れた国・地域・都市の一覧
  <ul>
    <li>アメリカ合衆国
    <ul>
      <li>ニューヨーク州
      <ul>
        <li>ニューヨーク</li>
        <li>バッファロー</li>
      </ul></li>
      <li>カリフォルニア州
      <ul>
        <li>ロサンゼルス</li>
        <li>サンディエゴ</li>
      </ul></li>
    </ul></li>
    <li>日本国
    <ul>
      <li>北海道
      <ul>
        <li>札幌市</li>
        <li>函館市</li>
      </ul></li>
      <li>埼玉県
      <ul>
        <li>さいたま市</li>
        <li>川越市</li>
      </ul></li>
    </ul></li>
  </ul>
  
表示結果
これまでに訪れた国・地域・都市の一覧
  • アメリカ合衆国
    • ニューヨーク州
      • ニューヨーク
      • バッファロー
    • カリフォルニア州
      • ロサンゼルス
      • サンディエゴ
  • 日本国
    • 北海道
      • 札幌市
      • 函館市
    • 埼玉県
      • さいたま市
      • 川越市