1.列表标签简介

BUG之神 218

列表标签简介

https://www.sina.com.cn/

新浪网列表

1.列表标签简介 

列表分为三种:

1.列表标签简介 

说明:

列表主要有三种:

1. 无序列表: <ul>标签,必须与<li>子标签配对使用

2. 有序列表: <ol>标签,<ul>使用规则一样,可以看作是无序列表的一个特例,实际开发中使用不多

3. 自定义列表: <dl><dt><dd>非常像名词解释,用途非常广泛,例如底部导航,内容详情页,联系信息,商品描述等

 

无序列表ul li

1.列表标签简介 

去除小黑点,一般设置样式使用css,这里先用type属性

1.列表标签简介 

有序列表

1.列表标签简介 

一级列表变为无序列表

1.列表标签简介 

最多支持三级嵌套

1.列表标签简介 

 

自定义列表

1.列表标签简介 

如上所示,自定义列表使用起来就像名词解释一样

 

在开发中主要使用无序列表,无序列表还应用在导航里面

https://www.sina.com.cn/

比如新浪网的列表页

1.列表标签简介 

自定义列表使用的也比较多

比如网站底部的一些信息

1.列表标签简介 

1.列表标签简介 

分享