无序列表
- 列表标签的作用:给一堆数据添加列表语义,告诉搜索引擎及浏览器这一堆数据是一个整体。
- HTML中列表标签的分类:无序列表
<ul><li></li></ul>
(最多),有序列表<ol><li></li></ol>
(最少),自定义列表(其次)。 ul
标签和li
标签是一个整体,是一个组合,li
与li
是好基友。同样ol
标签和li
标签也是整体,li
与li
好基友,不要在li
与li
之间加其他。可以在li
标签里添加其他标签。- 应用场景:新闻列表,商品列表,导航条。
有序列表
<ol><li></li></ol>
。- 列表项有序。
自定义列表
- 格式:
<dl>
<dt>definition title定义列表中的标题</dt>
<dd>definition description定义标题的描述信息</dd>
</dl>
<dl>
<dt>北京</dt>
<dd>中国的首都</dd>
</dl>
定义列表的作用:
给一堆数据添加列表语义;先通过dt
标签定义列表中所有的标题,然后通过dd
标签给每个标题添加描述信息
例如:
应用:
-做网站尾部的相关信息;
-做图文混排注意:
-dl
与li
成双成对出现。
-dl
中建议只放dt
和dd
。
-一个dt
可以没有对应的dd
,也可以有多个dd
,但是推荐一个dt
对应一个dd
。
-可以在dt
、dd
中继续添加其他标签,但是不推荐在dl
中添加其他标签。