Home > Article > Web Front-end > Is li a single tag in HTML5?

Is li a single tag in HTML5?

青灯夜游Original: 2021-12-17 11:08:003466browse

In HTML5, li is not a single tag, but a double tag. "

" and "
" appear in pairs and are used to define list items; the li tag is available In ordered lists, unordered lists, and menu lists, the syntax is "
list item value
...tag name>".

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

In HTML, keywords whose tags are surrounded by angle brackets usually appear in pairs, such as <div> and <code>

. This The species is called "double-marked". Opening and closing tags are also known as opening tags and closing tags.

There are also tags presented separately, such as: <img src="1.jpg" alt="Is li a single tag in HTML5?" >, etc. This type of tag is called "single tag".

Generally, tags that appear in pairs have their content in the middle of the two tags.

So li is a single tag? Or double marking?

Let's take a look at how it works:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

As you can see, the li tags are both "

" and "

" They appear in pairs, so li is a double marker.

Tags define list items.

tags can be used in ordered lists (

), unordered lists (

) and menu lists ( ).

Example:

<!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>

Is li a single tag in HTML5?

Ordered lists require the use of

tags:
- ##
- is the abbreviation of list item, which represents each item in the list. The number of
- in
1. and will not appear alone, and it is not recommended to use it directly in
  1. other tags.
```
<!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 lists require the use of
    - tags:

The above is the detailed content of Is li a single tag in HTML5?. For more information, please follow other related articles on the PHP Chinese website!

html5 html ul li

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：What is the code to move the html5 image to the right?Next article：What is the code to move the html5 image to the right?

See more

Is li a single tag in HTML5?

Related articles