html5 列表

列表分无序列表(ul)和有序列表(ol)

在 HTML 4.01 中，ul 元素的 "compact" 和 "type" （disc，circle，square）属性是不被赞成使用的。在 HTML5 中，不再支持这两个属性。一般用css来定义列表属性。

如下：已out

<span style="white-space:pre">	</span><ul type="disc">
		<li>中文</li>
		<li>英语</li>
		<li>中文</li>
		<li>英语</li>
	</ul>

对于 ol 在 HTML 4.01 中，不赞成使用 "start" 属性，在 HTML5 中是允许的。

在 HTML 4.01 中，不赞成使用 "compact" 和 "type" 属性，在 HTML5 中，不再支持这两个属性。

<span style="white-space:pre">	</span><ol type="1">
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
	</ol>
	<ol type="A">
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
	</ol>
	<ol type="I">
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
	</ol>

样例：

对于start属性使用是从多少开始：

<span style="white-space:pre">	</span><ol start="5">
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
	</ol>

样例：

对于type使用值：A,a,I,i,1。一般使用 CSS 代替。

如：

<span style="white-space:pre">	</span><ol type="A">
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
	</ol>

对于li标签：

在 HTML5 中，不再支持 "type" 属性。

注意， 并没有不赞成使用 "value" 属性，但是仅能够与 <ol> 元素一起使用。

<span style="white-space:pre">	</span><ol >
		<li>有序列表</li>
		<li>有序列表</li>
		<li value="20">有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
		<li>有序列表</li>
	</ol>

样例：

<dl> 标签定义一个定义列表。

<span style="white-space:pre">	</span><dl> <!-- 缩进 -->
		<dt>自定义列表项目01</dt>
		<dd>列表项目内容说明</dd>
		<dt>自定义列表项目02</dt>
		<dd>列表项目内容说明</dd>
		<dt>自定义列表项目03</dt>
		<dd>列表项目内容说明</dd>
		<dt>自定义列表项目04</dt>
		<dd>列表项目内容说明</dd>
	</dl>

样例：

支持嵌套：

<span style="white-space:pre">	</span><ul>
		<li><img src="a07.jpg" alt="没显示啊"></li>
		<li><img src="a07.jpg" alt="没显示啊"></li>
	</ul>
	<ol>
		<li><a href="http://www.baidu.com">去百度搜索</a></li>
		<li><a href="http://www.xitt">系统</a></li>
	</ol>