Maison > Article > interface Web > Li est-il une seule balise en HTML5 ?

Li est-il une seule balise en HTML5 ?

青灯夜游original: 2021-12-17 11:08:003486parcourir

En HTML5, li n'est pas une balise simple, mais une balise double "

" et "
" apparaissent par paires et sont utilisées pour définir les éléments de la liste. listes , listes non ordonnées et listes de menus, la syntaxe est "
valeur de l'élément de liste
...de la balise de liste>".

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

En HTML, les mots-clés dont les balises sont entourées de crochets angulaires apparaissent généralement par paires, comme <div> et <code>

. ". Les balises d’ouverture et de fermeture sont également appelées balises d’ouverture et balises de fermeture. <div> 和 <code>

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

也有单独呈现的标签，如：<img src="1.jpg" alt="Li est-il une seule balise en 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>

Li est-il une seule balise en 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 的简称，表示无序列表。
      - 和
        
        中的
        一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●Il existe également des balises présentées séparément, telles que : <img src="1.jpg" alt="Li est-il une seule balise en HTML5 ?" >, etc. Ce type de balise est appelé "balise unique".
      Les tags qui apparaissent généralement par paires ont leur contenu au milieu des deux tags.
      Alors Li est un seul tag ? Ou un double marquage ?
      Voyons comment cela fonctionne :
```
<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>
```
      Comme vous pouvez le voir, les balises li sont toutes "
    - " par paires avec "
    - La balise définit l'élément de la liste. La balise 🎜
    - peut être utilisée dans les listes ordonnées (
      ). 🎜🎜Exemple :🎜rrreee🎜🎜🎜Les listes ordonnées nécessitent l'utilisation des balises
      et
      : 🎜
      
      🎜🎜
      
      est l'abréviation d'élément de liste, qui représente chaque élément de la liste. Le nombre de
      
      Les éléments de liste peuvent contenir du texte, des images, des liens, etc., ou même une autre liste. 🎜🎜🎜🎜Notez que
      est généralement utilisé en conjonction avec
      et n'apparaîtra pas seul, et il n'est pas recommandé d'utiliser d'autres balises que
      
      🎜rrreee🎜🎜🎜 Les listes non ordonnées doivent utiliser les balises
      et
      : 🎜
      🎜
      liste . 🎜🎜
      🎜
      est identique à
      dans
      , indiquant chaque élément de la liste. Par défaut, chaque élément d'une liste non ordonnée est représenté par le symbole ●. 🎜🎜🎜🎜Notez que
      
      est généralement utilisé en conjonction avec
      et n'apparaîtra pas seul, et il n'est pas recommandé d'utiliser d'autres balises que
      
      🎜rrreee🎜🎜🎜🎜Recommandations associées : "🎜Tutoriel vidéo HTML🎜"🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 html ul li

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Li est-il une seule balise en HTML5 ?

Articles Liés