<ul>要素

<ul>要素の定義

英語で”unordered list”より。
HTMLで「一覧」「箇条書き」を表現するためには、<ul> ・ <ol> ・ <li> の各要素を組み合わせて表現します。
<ul>要素は、順序を持たず項目を列挙する形のリスト(いわゆる箇条書き)を表現するための要素です。

子要素として使用できるもの

0個以上の <li> 要素、または <script> 要素や <template> 要素。
また、<li> 要素の子孫として、更に <ul> 要素や<ol>要素をもたせて、階層のあるリストを表現することも可能。

親要素として使えるもの

フローコンテンツを受け入れるすべての要素。

許可されているARIAロール

directory, group, listbox, menu, menubar, radiogroup, tablist, toolbar, tree, presentation

DOMインターフェース

HTMLUListElement

属性

グローバル属性が指定できます。
 

サンプル

シンプルなリスト

See the Pen wLmJbv by Masahiko Iwakiri (@m-iwakiri) on CodePen.

リストの入れ子の例

See the Pen gNjmVz by Masahiko Iwakiri (@m-iwakiri) on CodePen.

番号の操作いろいろ

See the Pen ZdjKbY by Masahiko Iwakiri (@m-iwakiri) on CodePen.


このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

コメント

タイトルとURLをコピーしました