HTML5是最新的HTML标准，它提供了许多新的元素和属性，使得开发者可以更方便地创建网页，在HTML5中，列表是一个非常重要的元素，它可以帮助我们组织和展示信息，本文将详细介绍如何使用HTML5创建列表。
无序列表
无序列表是一组没有特定顺序的项目，通常使用项目符号（如圆点、方块等）进行标记，在HTML5中，可以使用<ul>标签来创建无序列表，使用<li>标签来定义列表项。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无序列表示例</title> </head> <body> <h1>我的收藏</h1> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> </body> </html>
有序列表
有序列表是一组有特定顺序的项目，通常使用数字或字母进行标记，在HTML5中，可以使用<ol>标签来创建有序列表，使用<li>标签来定义列表项。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>有序列表示例</title> </head> <body> <h1>我的任务清单</h1> <ol> <li>完成作业</li> <li>锻炼身体</li> <li>学习新技能</li> </ol> </body> </html>
自定义列表标记
除了默认的项目符号和编号，HTML5还允许我们自定义列表的标记，可以使用<ul>或<ol>标签的type属性来设置自定义的列表标记。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>自定义列表标记示例</title> </head> <body> <h1>我的计划表</h1> <ul type="disc"> <li>周一：跑步</li> <li>周二：游泳</li> <li>周三：瑜伽</li> </ul> <ol type="A"> <li>语文：阅读课文</li> <li>数学：做练习题</li> <li>英语：背单词</li> </ol> </body> </html>
嵌套列表
在HTML5中，我们可以使用嵌套列表来表示层次结构。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>嵌套列表示例</title>
</head>
<body>
<h1>计算机科学课程大纲</h1>
<ul type="square">
<li>基础课程</li>
<ul type="circle">
<li>数据结构与算法</li>
<li>计算机组成原理</li>
<li>操作系统原理</li>
</ul>
<li>高级课程</li>
<ul type="disc">
<li>人工智能</li>
<li>机器学习</li>
<li>深度学习</li>
</ul>
</ul>
</body>
</html>
