五,列表标签

一,无序列表

1,列表标签定义

给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体的标签我们称之为列

表标签。

2,列表标签的分类

1)无序列表(最多)(unordered list)

2)有序列表(最少)(ordered list)

3)定义列表(其次)(definition list)

3,无序列表

作用:给一堆数据添加列表语义,并且这一堆数据中所有的数据都没有先后之分。例如:中国有哪些城市。

格式:

<ul>

    <li>需要显示的条目的内容<li>

<ul>

其中:li是list item(列表条目)的缩写。

注意:

1)ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加条目前的小圆点的;

2)ul标签和li标签是一个整体,是一个组合.所以一般情况下ul标签和li标签都是一起出现,不会单个出

现.也就是说不会单独使用一个ul标签或者单独使用一个li标签,都是结合在一起使用;

3)由于ul标签和li标签是一个组合,所以ul标签中不推荐包含其它标签,也就是说以后你在ul标签中只

会看到li标签。

无序列表应用场景:

1)新闻列表;2)商品列表;3)导航条。


有序列表和无序列表使用规则差不多,只不过,有序列表中的条目有先后之分,例如排行榜。

4,定义列表

作用:

1)给一堆数据添加列表语义;

2)先通过dt标签定义列表中的所有标题,然后再通过dd标签给每个标题添加描述信息。

格式:

<dl>

  <dt></dt>

  <dd></dd>

  <dt></dt>

  <dd></dd>

</dl>

其中,dt是英文definition title 的缩写,用来定义列表标题的;dd是英文definition description的缩

写,是用来定义标题对应的描述的。

应用场景:

1)做网站的尾部信息;2)图文混排。

注意:

1)dl和dt/dd是一个整体,所以他们一般情况下不会单独出现,都是一起出现。

2)dl和dt/dd是组合标签,一般情况下建议dl中只放dt和dd标签;

3)一个dt可以没有对应的dd,也可以有多个对应的dd,但是无论有或者没有dd都不推荐使用.

推荐使用一个dt对应一个dd

4)当需要丰富界面时,在dt和dd标签中继续添加其它标签。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容