HTML リストでは、dl(dt,dd)、ul(li)、ol(li) の違いは何ですか?

今回はHTMLリストのdl(dt,dd)、ul(li)、ol(li)の違いを説明します。HTMLリストでは、dl(dt,dd)、ulを使用します。 (li) と ol(li) の notes は次のとおりです。実際のケースを見てみましょう。

HTML 5c69336ffbc20d23018e48b396cdd57aタグ

#定義と使用法

5c69336ffbc20d23018e48b396cdd57aタグは定義リスト(定義list)を定義します。
5c69336ffbc20d23018e48b396cdd57a タグは、73de882deff7a050a357292d0a1fca94 (リスト内の項目を定義) と 67bc4f89d416b0b8236eaa5f43dee742 (リスト内の項目を説明) を組み合わせるために使用されます。

#例

コードは次のとおりです:

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

HTML ff6d136ddc5fdfeffaf53ff6ee95f185 タグ

#定義と使用法

ff6d136ddc5fdfeffaf53ff6ee95f185 タグは順序なしリストを定義します。

#例

順序なしの HTML リスト:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

HTML c34106e0b4e09414b63b2ea253ff83d6 タグ

#定義と使用法

c34106e0b4e09414b63b2ea253ff83d6 タグは順序付きリストを定義します。

#例

順序付けされた HTML リスト:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

ul を ol と組み合わせてメニューとサブメニューを定義できます

<ul>
    <li><a href="#">内容过滤</a><li>
    <li><a href="#">词语过滤</a></li>
    <li class="s">
        <div class="lsub">
            <div>论坛</div>
            <ol>
                <li><a href="#">论坛主题管理</a></li>
                <li><a href="#">论坛批量删帖</a></li>
            </ol>
        </div>
    </li>
<ul>

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連する情報に注意してください。 PHP 中国語 Web サイトの記事をご覧ください。

関連資料:

HTML 要素にフォーカスを設定する方法

htmlハイパーリンクを使用して新しいウィンドウを開き、ウィンドウのプロパティを制御する方法

タグの href 属性と onclick を使用する方法イベント

以上がHTML リストでは、dl(dt,dd)、ul(li)、ol(li) の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。