最終更新日

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」外部リンク
HOME