最終更新日 2021年4月7日

ul要素

ul要素は、箇条書きの項目リストを指定します。ul要素の場合、各項目を並べる順番は重要な意味を持ちません。リストの各項目は、li要素で指定します。

ul要素は、Flowコンテンツの記述箇所で使用できます。

HTML5での変更点

・ul要素のcompact属性、type属性は廃止されました。代わりにCSSを使います。
・ul要素と同じようなリストの作成に使用されていたdir要素は廃止されました。

カテゴリ	タグの省略	親要素	子要素
Flowコンテンツ	省略不可	Flowコンテンツを子にできる要素	li

属性	値	説明
グローバル属性	-	-
イベント属性	-	-

サンプルコード

<!DOCTYPE html>
<html lang="ja">
  <head>
    <title>マクドエイド</title>
  </head>
  <body>
    <p>マクドエイドのサイドメニューです。</p>
    <ul>
      <li>フライドポテト</li>
      <li>チキンナゲット</li>
      <li>アップルパイ</li>
      <li>ポテトパイ</li>
      <li>オニオンサラダ</li>
    </ul>
  </body>
</html>

参考文献：W3C HTML5「4.5.6 The ul element」