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

php中世界最好的语言
リリース: 2018-01-26 09:55:22
オリジナル
3490 人が閲覧しました

今回は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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート