検索

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

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

青灯夜游
青灯夜游オリジナル
2021-12-17 11:08:003523ブラウズ

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 タグは「

  • 」と「
    • >」の両方です。 ;" これらはペアで表示されるため、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. タグを使用する必要があります:

        • は order list の略で、順序付きリストを表し、リスト内の各項目にデフォルトで 1 から始まる番号を付けることができます。
      • は 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 サイトの他の関連記事を参照してください。

    html5 html ul li
    声明：
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事：html5画像を右に移動するコードは何ですか?次の記事：html5画像を右に移動するコードは何ですか?

    関連記事

    続きを見る