列表标签
表格是用来显示数据的,列表是用来布局的。
列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。
列表可以分为三大类:无序列表、有序列表、自定义列表。
无序列表
<ul>标签代表HTML的无序列表。列表项使用<li>标签来定义。
<ul>
<li>臭豆腐</li>
<li>鲱鱼罐头</li>
<li>腐乳</li>
</ul>
- 无序列表的各个列表项之间是没有顺序级别之分的,是并列的。
- <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
- <li></li>标签相当于一个容器,可以容纳所有元素。
有序列表
<ol></ol>标签是有序列表。列表项还是使用<li>标签来定义。
和无序列表的特点差不多,只不过有序列表是有顺序之分的。
自定义列表
自定义列表常用于对术语或名词进行解释和描述。
<dl></dl>用于定义描述列表,该标签会与<dt>(定义项目/名称)和<dd>(描述每一个项目/名字)一起使用。
<dl>
<dt>项目一</dt>
<dd>美食</dd>
<dd>攻略</dd>
</dl>
dl>dt>dd
一个dl中可以包含多个dt。dt和dd没有个数限制。