Heim > Artikel > Web-Frontend > Ist li ein einzelnes Tag in HTML5?

Ist li ein einzelnes Tag in HTML5?

青灯夜游Original: 2021-12-17 11:08:003486Durchsuche

In HTML5 ist li kein einzelnes Tag, sondern ein Doppel-Tag, das paarweise verwendet wird und zum Definieren von Listenelementen verwendet werden kann Für Listen, ungeordnete Listen und Menülisten lautet die Syntax „
Wert des Listenelements
...der Listenbezeichnung>“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In HTML werden Schlüsselwörter, deren Tags von spitzen Klammern umgeben sind, normalerweise paarweise angezeigt, z. B. <div> und <code>

. Bekannt als „Doppelmarkierung“. ". Öffnende und schließende Tags werden auch als öffnende Tags und schließende Tags bezeichnet. <div> 和 <code>

，这种的被称为“双标记”。开始和结束标签也被称为开放标签和闭合标签。

也有单独呈现的标签，如：<img src="1.jpg" alt="Ist li ein einzelnes Tag in HTML5?" >等，这种的被称为“单标记”。

一般成对出现的标签，其内容在两个标签中间。

那么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>

Ist li ein einzelnes Tag in HTML5?

有序列表需要使用

标签：
- 是 list item 的简称，表示列表的每一项，
  1. 就表示有多少条内容。列表项中可以包含文本、图片、链接等，甚至还可以是另外一个列表。
注意，
1. 配合使用，不会单独出现，而且不建议在
  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>
```
    无序列表需要使用
    - 标签：
      - 是 unordered list 的简称，表示无序列表。
      - 和
        
        中的
        一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●Es gibt auch Tags, die separat dargestellt werden, wie zum Beispiel: <img src="1.jpg" alt="Ist li ein einzelnes Tag in HTML5?" > usw. Diese Art von Tag wird „Single Tag“ genannt.
      Tags, die in der Regel paarweise erscheinen, haben ihren Inhalt in der Mitte der beiden Tags.
      Li ist also ein einzelnes Tag? Oder Doppelmarkierung?
      Sehen wir uns an, wie es funktioniert:
```
<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>
```
      Wie Sie sehen können, sind die li-Tags alle „
    - “. in Paaren mit „
    - Tag definiert Listenelement. 🎜
    - -Tag kann in geordneten Listen (
      ) verwendet werden. 🎜🎜Beispiel:🎜rrreee🎜🎜🎜Geordnete Listen erfordern die Verwendung von
      -Tags: 🎜
      - 🎜 ist die Abkürzung für order list, was bedeutet, dass es sich um eine geordnete Liste handelt. Standardmäßig kann jedes Element in der Liste beginnend mit der Nummer 1 nummeriert werden. 🎜🎜
      - 🎜
      - ist die Abkürzung für jedes Element in der Liste. Die Anzahl von
        gibt an, wie viele Inhalte es gibt. Listenelemente können Text, Bilder, Links usw. oder sogar eine andere Liste enthalten. 🎜🎜🎜🎜Beachten Sie, dass
        im Allgemeinen in Verbindung mit
        verwendet wird und nicht alleine angezeigt wird. Es wird nicht empfohlen, andere Tags als
        zu verwenden. 🎜rrreee🎜🎜🎜 Für ungeordnete Listen müssen die Tags
        
        verwendet werden: 🎜
        🎜
        Liste. 🎜🎜
        🎜
        ist dasselbe wie
        und gibt jedes Element in der Liste an. Standardmäßig wird jedes Element in einer ungeordneten Liste durch das Symbol ● dargestellt. 🎜🎜🎜🎜Beachten Sie, dass
        im Allgemeinen in Verbindung mit
        verwendet wird und nicht allein angezeigt wird. Es wird nicht empfohlen, andere Tags als
        
        direkt zu verwenden. 🎜rrreee🎜🎜🎜🎜Verwandte Empfehlungen: „🎜HTML-Video-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonIst li ein einzelnes Tag in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 html ul li

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Ist li ein einzelnes Tag in HTML5?

In Verbindung stehende Artikel