HTML列表标签的认识

列表标签可分为：无序列表、有序列表、自定义列表。

无序列表   

场景：在网页中表示一组无顺序之分的列表，如：新闻列表。

标签组成

显示特点：列表的每一项前默认显示圆点标识

注意点：

ul标签中只允许包含li标签

li标签可以包含任意内容

<ul>
    <li>苹果</li>
    <li>桃子</li>
    <li>香蕉</li>
</ul>

有序列表

场景：在网页中表示一组有顺序之分的列表，如：排行榜。

标签组成

显示特点：列表的每一项前默认显示序号标识

注意点：

ol标签中只允许包含li标签

li标签可以包含任意内容

<ol>
    <li>京东</li>
    <li>天猫</li>
    <li>拼多多</li>
</ol>

自定义列表   

场景：在网页底部导航中通常会使用自定义列表实现。

标签组成

显示特点：dd前会默认显示缩进效果

注意点：

dl标签中只允许包含dt/dd标签

dt/dd标签可以包含任意内容

<dl>
    <dt>联系我们</dt>
    <dd>电话</dd>
    <dd>邮箱</dd>
    <dd>公众号</dd>
</dl>