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

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

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

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

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

このチュートリアルの動作環境: 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 の単一タグですか?

順序付きリストでは、

タグを使用する必要があります:
- は list item の略称で、リスト内の各項目を表します。
  1. の数は、コンテンツがいくつあるかを示します。。リスト項目には、テキスト、画像、リンクなど、または別のリストを含めることができます。
```
<!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>
```
順序なしリストでは、
- タグを使用する必要があります:
  1. と同じで、リスト内の各項目を示します。デフォルトでは、順序なしリストの各項目は
  2. # 記号で表されます。
    ##
    - と組み合わせて使用され、単独では使用されないことに注意してください。また、
    関連する推奨事項:「html ビデオチュートリアル
    」

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

html5 html ul li

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：html5画像を右に移動するコードは何ですか?次の記事：html5画像を右に移動するコードは何ですか?

続きを見る