表格是用来显示数据的 列表是用来布局的
列表标签:
根据使用场景分为 :
无序列表 有序列表 自定义列表
无序列表:
<ul>
标签表示无序列表
一般会以项目符号呈现列表项
而列表项用<li>
标签
一个爸爸 多个儿子 儿子
<ul>
<li>列表项</li>
<li>列表项</li>
……
</ul>
无序列表的各个列表项之间没有顺序级别之分 是并列的
<ul></ul>
中只能嵌套 <li></li>
直接在 <ul></ul>
标签中输入其他标签或者文字的做法是不被允许的
<li></li>
中就相当于一个容器 可以容纳所有元素
无序列表会带有自己的样式属性
但在实际应用中我们会使用css来设置
有序列表:
<ol>
标签用于定义有序列表
列表以数字来显示
用<li>
标签来定义列表项
<ol>
<li>列表项1</li>
<li>列表项2</li>
……
</ol>
<ol></ol>
中只能嵌套 <li></li>
直接在 <ol></ol>
标签中输入其他标签或者文字的做法是不被允许的
<li></li>
中就相当于一个容器 可以容纳所有元素
有序列表会带有自己的样式属性
但在实际应用中我们会使用css来设置
自定义列表:
自定义列表常用于对术语或名词进行解释和描述
定义列表项前没有任何项目符号。
<dl>
标签用于定义描述列表
该标签会与<dt>
(定义项目/名字)和<dd>
(描述每一个项目/名字)一起使用
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
……
</dl>
<dl></dl>
里面只能包含<dt>
和<dd>
<dt>
和<dd>
个数没有限制通常是一个<dt>
对应多个<dd>
列表总结:
列表分类 | 说明 |
---|---|
无序列表 | 里面只有li,没有顺序,使用较多, li里面可以包含任何标签 |
有序列表 | 里面只有li,有顺序,使用相对较少, li里面可以包含任何标签 |
自定义列表 | 里面只有dt dd, dt和dd里面可以放任何标签 |