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

タグ

#定義と使用法

タグは定義リスト(定義list)を定義します。

タグは、

(リスト内の項目を定義) と

(リスト内の項目を説明) を組み合わせるために使用されます。

#例

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

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

ログイン後にコピー

HTML

タグ

#定義と使用法

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

#例

順序なしの HTML リスト:

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

ログイン後にコピー

HTML

タグ

#定義と使用法

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

#例

順序付けされた 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 サイトの他の関連記事を参照してください。