html5定义列表的作用 html中定义列表的标签

2.列表标签

作用：用来布局，让自己的页面看卡里更加有序，整齐。它作为布局会更加的自由和方便。

根据使用情景不同，列表可以分为三类：无序列表、有序列表和自定义列表。

2.1无序列表(重点)

没有顺序排列的列表，列表项之间没有先后顺序。

ul标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用li标签定义

无序列表的基本语法格式如下：

<h4>四大天王有哪些？</h4>
<ul>					<!--定义无序列表-->
    <li>刘德华</li>	   <!--列表项-->
    <li>张学友</li>	   <!--列表项-->
    <li>郭富城</li>	   <!--列表项-->
    <li>黎明</li>		    <!--列表项-->
</ul>
特点：
1.无序列表的列表项之间是没有顺序的，是平级的。
2.<ul></ul>标签中只能嵌套<li></li>标签,直接在<ul></ul>中输入其他标签或者元素的做法是不被允许的。
3.<li></li>标签中是可以嵌套任何元素的，相当于一个容器。
4.无序列表会有自己的样式属性，但在实际运用时，会用后续的css来处理。

这里的结果就没有排名，顺序不分先后

2.2有序列表

有排列顺序的列表，各个列表项会按照一定的顺序排列定义。

ol标签表示HTML页面项目中的有序列表，列表排序以数字来显示，也使用li标签来定义列表项。

有序列表的基本语法格式如下：

<h4>四大天王有哪些？</h4>
<ol>					<!--定义无序列表-->
    <li>刘德华</li>	   <!--列表项-->
    <li>张学友</li>	   <!--列表项-->
    <li>郭富城</li>	   <!--列表项-->
    <li>黎明</li>		    <!--列表项-->
</ol>
特点：
1.有序列表的列表项之间是有顺序的。
2.<ol></ol>标签中只能嵌套<li></li>标签,直接在<ol></ol>中输入其他标签或者元素的做法是不被允许的。
3.<li></li>标签中是可以嵌套任何元素的，相当于一个容器。
4.无序列表会有自己的样式属性，但在实际运用时，会用后续的css来处理。

这里的结果就有排名先后(只是举个例子，没有实际排名意义)

2.3自定义列表(重点)

自定义列表使用场景：

自定义列表常用于对属于或名词进行解释和描述，定义列表项前没有任何项目符号。

在HTML标签中，dl标签用于定义描述列表，该标签会与dt(定义项目/名字)和dd(描述每一个项目/名字)一起使用。

其基本语法如下：

<dl>
    <dt>刘德华</dt>     <!--名词-->
    <dd>影视作品</dd>   <!--名词解释1-->
    <dd>唱片专辑</dd>   <!--名词解释2-->
    <dt>张学友</dt>	 
    <dd>人物介绍</dd>
    <dd>影视作品</dd>
    <dt>郭富城</dt>
    <dd>影视作品</dd>
    <dd>唱片专辑</dd>
    <dt>黎明</dt>
    <dd>影视作品</dd>
    <dd>唱片专辑</dd>
</dl>
特点：
1.<dl></dl>里面只能包含<dt>和</dt>。
2.<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>。