li标签必须嵌套在ol或ul内,不可直接置于body等非法父元素中;需闭合标签;可嵌套多层列表;不可在dl中使用li替代dt/dd。

如果您希望在HTML5中正确使用
- 或无序列表
- 内部。以下是几种标准且兼容的使用方法:
- 标签用于定义无序列表中的每一项,必须作为
- 的直接子元素出现。浏览器会自动为每个
- 项添加项目符号(如圆点)。
1、在HTML文档的
内插入一个- 标签。
- 标签,每个
- 包含具体列表内容。
立即学习“前端免费学习笔记(深入)”;
3、确保每个
- 都闭合,例如
- 苹果 ,不可省略结束标签。
- 标签同样适用于
- ,此时列表项将按数字、字母或罗马数字顺序编号,编号样式由
- 标签,每个
- 代表一个带序号的条目。
3、可选地,在
- 上设置start属性指定起始编号,例如
- 元素内部可以包含另一个
- 或
- ,实现多层列表结构。此时嵌套的列表必须完整位于
- 开始与结束标签之间。
1、在父级
- 中编写文本后,直接换行并插入新的
- 或
- 标签。
2、在嵌套的
深蓝企业网站管理系统1下载本程序版权归作者所有不得利用本程序从事任何非法活动!本程序功能有限只能满足基础型企业网站的建站需求,无法满足更搞要求的企业站,也无法利用本程序制作门户网站,更不能建站购物站。为了克服以上技术局限,我们开发了“新坐标CMS-超级云端网站管理系统”,可以满足任何要求的企业网站,也可以制作购物网站,同时还可以制作门户型网站。其标签式调用方法让您随心所欲调用想要的结果。 使用说明:根目录包含netbox无
- 或
- 中继续添加
- 子项。
3、确保嵌套层级清晰,每个
- 都有明确的父容器,不得将
- 直接置于或
中。四、使用li标签配合description list实现自定义列表
虽然
- 、
- 、
- 是描述列表专用标签,但某些语义化场景下可通过CSS将
- 模拟为描述项。不过原生HTML5规范要求
- 仅限于
- 和
- 上下文。
1、创建
- 并设置class="desc-list"以便后续样式控制。
- 内使用和分别包裹术语与定义。
3、通过CSS隐藏默认项目符号,并用display: flex等布局方式对齐术语与定义,此方式不改变
- 的合法嵌套位置,仅视觉模拟
。五、避免常见错误用法
HTML5严格限制
- 的使用范围,将其置于非法父元素中会导致解析异常或语义失效,影响可访问性和SEO。
1、禁止将
- 直接放在
、、 或
中,必须有- 或
- 作为直接父元素
2、禁止省略
- 的结束标签,即使在HTML5中部分标签允许省略,但
- 不可省略。
3、禁止在
- 内部嵌套
后再跟文本内容,若需段落,请在
- 内使用
。,但不可让文本与
同级
2、每个
- 直接置于或
- 子项。
- 开始与结束标签之间。
- 。
三、嵌套列表中使用li标签
一个
- 元素内部可以包含另一个
- 的type属性或CSS控制。
1、使用
- 标签包裹所有列表项。
2、在
- 内依次写入
2、在
- 标签内部,逐个添加
二、在有序列表中使用li标签
- 项添加项目符号(如圆点)。









