范例
下面的例子显示了XHTML文件基础结构：
运行
打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素ul、ol、li</title>
</head>
<body>
例1：<br>Lists may contain
<UL>
<LI>Unordered information.
<LI>Ordered information.
<LI>Definitions.
</UL>
<br>
How to deal with a recipe:
<ol>
<li>Mix dry ingredients thoroughly.
<li>Pour in wet ingredients.
<li>Mix for 10 minutes.
<li>Bake for one hour at 300 degrees.<hr>
</ol>
例2：
我用过的Windows操作系统：
<ul type="square">
<li>Windows 98 SE</li>
<li>Windows 2000 Advanced Server</li>
<li>Windows XP Professional</li>
</ul>
明朝的建立者是：
<ol type="A" start="1">
<li>朱元璋</li>
<li>朱孝天</li>
<li>猪八戒</li>
</ol>
</body>
</html>
ul和ol元素都有type属性，但它们的内容却是不同的，而li元素也有含义不太明确的type属性；ol有start属性，ul和ol共有的子元素li也有意义相同的value属性。可见这样可以单独设置列表项，因而是灵活的；但它们的属性设置上有重复甚至有点混乱，这在实际运用时会造成属性值的冲突。例如下面的代码：
HTML三种列表形式：<ul type="circle">
<li type="square">无序列表</li>
<li>有序列表</li>
<li>定义列表</li>
</ul>
Lists may contain
<UL>
<LI>Unordered information.
<LI type="i">Ordered information.
<LI value="8">Definitions.
</UL>
<hr>
How to deal with a recipe:
<ol type="a">
<li>Mix dry ingredients thoroughly.
<li>Pour in wet ingredients.
<li>Mix for 10 minutes.
<li type="circle">Bake for one hour at 300 degrees.
</ol>
这样的代码在IE 6和Firefox等浏览器中显示效果就不一致了。
W3C闂堢偞甯归懡鎰潣閹勫灗闂堢偞鐖ｉ崙鍡楃潣閹拷 
娴犲尩HTML闁倻鏁� 
姒涙ǹ顓婚崐锟�
lium03@tom.com
395310500, All Rights Reserved.