【HTML5】3种常用列表

HTML语言提供了3种常用的列表，分别为无序列表、有序列表和定义列表。

无序列表:网页中最常用的列表，其各个列表项之间没有顺序级别之分，通常是并列的。

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

定义列表:用于对术语或名词进行解释和描述。与无序和有序列表不同，定义列表的列表项前没有任何项目符号。

无序列表结构：

<ul type="项目符号的类型">
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

<ul>和<li>都拥有type属性，用于指定列表项目符号。

type属性值	显示效果
disc（默认值)	●
circle	○
square	■

注意：1.每对<ul></ul>中至少应包含一对<li></li>。

           2.不赞成使用无序列表的type属性，一般通过CSS样式属性替代。

           3.<li>与</li>之间相当于一个容器，可以容纳所有的元素。但是<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入文字的做法是不被允许的。

有序列表结构： 

<ol type="项目符号的类型" start="项目符号的起始值">
    <li value="规定项目符号的数字">列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

有序列表中，除了type属性之外，还可以为<ol>定义start属性、为<li>定义value属性。

属性	属性值	描述
type	1（默认)	项目符号显示为数字123...
	a或A	项目符号显示为英文字母a b c d...或ABC...
	i或l	项目符号显示为罗马数字i ii ifi...或I l III...
start	数字	规定项目符号的起始值
value	数字	规定项目符号的数字

注意：1.每对<ol></ol>中至少应包含一对<li></li>。

           2.各浏览器对有序列表的type和value属性的解析不同。

           3.不赞成使用<ol>、<li>的type、start和value属性，一般通过CSS样式属性替代。

定义列表格式：

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
        
    <dt>名词2</dt>
    <dd>名词2解释1</dd>
    <dd>名词2解释2</dd>
</dl>

 注意：定义列表常用于图文混排，其中<dt></dt>标签中插入图片，<dd></dd>标签中放入对图片解释说明的文字。