<ul>: UL 要素

最終更新：2026-10-13

<ul>UL 要素

<ul>（順序なしリスト）要素は順序を持たない項目のリストを定義し、既定では箇条書きで表示されます。各項目は <li> です。ナビゲーションメニューやチェックリストに適しています。

カテゴリ	リスト
コンテンツモデル	0 個以上の <li>、スクリプト対応要素
許可される親要素	フローコンテンツを受け入れる要素
閉じタグ	必要 `</ul>` タグ
ステータス	標準

📝 構文

<ul>
  <li>項目1</li>
  <li>項目2</li>
</ul>

すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<ul>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

❓ よくある質問

Qul の中には li が必須ですか？

Aはい。<ul> のコンテンツモデルは <li>（とスクリプトサポート要素）だけを許し、文字や div を直接置くのは無効な HTML です。リストではない容器を見せたいなら div を使ってください。

Qul でナビゲーションメニューは作れますか？

A作れます。<ul> ＋ <li> ＋ <a> はナビゲーションの標準骨格です。外側を <nav> で包んでランドマークの意味を与え、CSS で丸点を消して横並びにします。スクリーンリーダーは「リスト、N 項目」と読み上げ、ユーザーはメニューの長さを先に把握できます。

Qリストの丸点を消すにはどんな CSS を使いますか？

Aul { list-style: none; } の1行で消えます。インデントも消すなら padding-left: 0 も必要です（ブラウザは ul にデフォルトの内側余白を付けるため）。丸点を消しても、スクリーンリーダーはそれをリストとして認識します。意味が保たれていることの価値です。