ホームページ > ウェブフロントエンド > フロントエンドQ&A > li は HTML5 の単一タグですか?

li は HTML5 の単一タグですか?

青灯夜游
リリース: 2021-12-17 11:08:00
オリジナル
3517 人が閲覧しました

HTML5 では、li は単一のタグではなく、二重のタグです。「

  • 」と「
  • 」はペアで表示され、リスト項目の定義に使用されます。li タグは順序付きリスト、順序なしリスト、メニュー リストでは、構文は「
  • リスト項目値
  • ...リスト タグ名>」です。

    li は HTML5 の単一タグですか?

    このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

    HTML では、タグが山括弧で囲まれているキーワードは通常、<div> と <code>

    のようにペアで表示されます。 「ダブルマーク」といいます。開始タグと終了タグは、開始タグ、終了タグとも呼ばれます。

    <img src="1.jpg" alt="li は HTML5 の単一タグですか?" > など、個別に表示されるタグもあります。このタイプのタグは「単一タグ」と呼ばれます。

    通常、ペアで表示されるタグのコンテンツは 2 つのタグの中間にあります。

    li は単一のタグですか?それともダブルマーキング?

    それがどのように機能するかを見てみましょう:

    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    ログイン後にコピー

    ご覧のとおり、li タグは「

  • 」と「

  • タグはリスト項目を定義します。

  • タグは、順序付きリスト (
      )、順序なしリスト (
        )、およびメニュー リスト () で使用できます。

        例:

        <!DOCTYPE html>
        <html>
        <head>
            <meta charset="UTF-8">
            <title>HTML有序列表</title>
        </head>
        <body>
            <p>煮米饭的步骤:</p>
            <ol>
                <li>将水煮沸</li>
                <li>加入一勺米</li>
                <li>搅拌均匀</li>
                <li>继续煮10分钟</li>
            </ol>
        </body>
        </html>
        ログイン後にコピー

        li は HTML5 の単一タグですか?

        順序付きリストでは、

          タグと
        1. タグを使用する必要があります:

            1. は order list の略で、順序付きリストを表し、リスト内の各項目にデフォルトで 1 から始まる番号を付けることができます。

            2. は list item の略称で、リスト内の各項目を表します。
                内の
              1. の数は、コンテンツがいくつあるかを示します。 。リスト項目には、テキスト、画像、リンクなど、または別のリストを含めることができます。

              2. ##
                  は通常、
                1. と組み合わせて使用​​され、単独では使用されないことに注意してください。また、
                    で直接使用することは推奨されません () ;li>その他のタグ。
          <!DOCTYPE html>
          <html>
          <head>
              <meta charset="UTF-8">
              <title>HTML无序列表</title>
          </head>
          <body>
              <p>早餐的种类:</p>
              <ul>
                  <li>鸡蛋</li>
                  <li>牛奶</li>
                  <li>面包</li>
                  <li>生菜</li>
              </ul>
          </body>
          </html>
          ログイン後にコピー

          li は HTML5 の単一タグですか?順序なしリストでは、

            タグと
          • タグを使用する必要があります:

                はunowned list の短縮形で、順序のないリストを表します。
                • は、
                  1. と同じで、リスト内の各項目を示します。デフォルトでは、順序なしリストの各項目は
                  2. # 記号で表されます。

                    ##
                      は通常、
                    • と組み合わせて使用​​され、単独では使用されないことに注意してください。また、
                        内で直接使用することは推奨されません () ;li>その他のタグ。
                        <menu type="toolbar">
                         <li>
                          <menu label="File">
                           <button type="button" onclick="file_new()">New...</button>
                           <button type="button" onclick="file_open()">Open...</button>
                           <button type="button" onclick="file_save()">Save</button>
                          </menu>
                         </li>
                         <li>
                          <menu label="Edit">
                           <button type="button" onclick="edit_cut()">Cut</button>
                           <button type="button" onclick="edit_copy()">Copy</button>
                           <button type="button" onclick="edit_paste()">Paste</button>
                          </menu>
                         </li>
                        </menu>
                        ログイン後にコピー

                        関連する推奨事項:「li は HTML5 の単一タグですか?html ビデオ チュートリアル

                        以上がli は HTML5 の単一タグですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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