讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

html5中li属于单标记吗

青灯夜游

发布： 2021-12-17 11:08:00

原创

4341人浏览过

在html5中，li不属于单标记，而是双标记，“”和“”是成对出现的，用于定义列表项目；li标签可用在有序列表、无序列表和菜单列表中，语法“列表项目值...”。

html5中li属于单标记吗

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

在HTML中，标签由尖括号包围的关键词，通常是成对出现的比如 <div> 和 <code>

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

也有单独呈现的标签，如：<img src="1.jpg" alt="html5中li属于单标记吗" >等，这种的被称为“单标记”。

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

立即学习“前端免费学习笔记（深入）”；

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

登录后复制

有序列表需要使用

Videoleap

Videoleap是一个一体化的视频编辑平台

139

查看详情

标签：
- 是 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 的简称，表示无序列表。
      - 和
        
        中的
        一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●符号表示。
      注意，
      - 配合使用，不会单独出现，而且不建议在
        中直接使用除
        之外的其他标签。
        <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>
        登录后复制
        
        相关推荐：《html视频教程》