无序列表
- 列表标签的作用:给一堆数据添加列表语义,告诉搜索引擎及浏览器这一堆数据是一个整体。
- 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中添加其他标签。
1571

被折叠的 条评论
为什么被折叠?



