列表在不同的程序中代表的意思不尽相同。在H5中，列表有点像举例子，比如1，第一个例子；2，第二个例子……。

一，有序和无序列表标签

列表标签是块级元素且是双标签，块级元素也就是这个标签包起来的内容会独占一行。H5的列表标签分为有序列表：ordered list和无序列表：unordered list，简写为ol和ul。列表里面的每一项内容使用<li>双标签包起来。常见写法如下：

    <ol>
        <li>1</li>
        <li>2</li>
    </ol>
    <hr color="red">
    <ul>
        <li>3</li>
        <li>4</li>
    </ul>

网页显示效果如下。

有序列表默认使用编号1，2，3……；无序列表默认使用小圆点。

ol列表标签具有一个type属性，详见下图。

它的作用是替换默认的项目符号。

ul列表标签也存在一个type属性，详见下图。

不管是有序列表还是无序列表，他们都支持嵌套，也就是<ol></ol>里面还可以写ol和ul标签，即：<ol><ul></ul></ol>；<ol><ol></ol></ol>等。

列表的Emmet语法介绍：>表示嵌套的层级关系。ol>li*3表示ol标签里面有3个li标签。

二，自定义列表标签

有序列表和无序列表因为常用所以H5直接内置了。除了这两种格式之外的列表则需要我们自定义完成。自定义列表标签为<dl></dl>，即defined list，声明是一个自定义标签；二级标签为<dt></dt>，与ul和ol的作用类似；三级标签为<dd></dd>，功能类似于<dd></dd>。常见写法如下。

    <dl>
        <dt>
            <dd>1</dd>
            <dd>1</dd>
            <dd>3</dd>
        </dt>
    </dl>

下面图片的应用场景就是自定义列表。

源码如下：

原文链接：https://blog.csdn.net/weixin_44992737/article/details/125151451