li は HTML5 の単一タグですか?-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

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

青灯夜游

Dec 17, 2021 am 11:08 AM

html5 li

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

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

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

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

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

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

<img src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" 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 の単一タグですか?

順序付きリストでは、

タグを使用する必要があります:
- 2. は 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>
```
ログイン後にコピー
順序なしリストでは、
- タグを使用する必要があります: