li
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
列表项目（list item）
语法
<li 属性="属性值">~标签内容~</li>
<li 属性="属性值">~标签内容~</li>
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① type | 预定义值 | 设置项目符号或项目编号：当li为ul的子元素时，设置项目符号，circle设置项目符号为空心圆点（小环形），disc为实心圆点（默认值），square为实心方块。当li为ol的子元素时，设置项目编号的种类，1表示项目编号为阿拉伯数字整数（1，2，3…），a表示小写字母（a，b，c…）作编号，A表示使用大写字母（A、B、C…），i表示使用小写罗马数字（i，ii，iii…），I表示使用大写罗马数字（I，II，III…）。此属性的功能已被CSS样式取代，故此属性在Strict DTD中被废止 |
| ② value | 正整数:1 | 项目编号的起始值（当li成为ol的子元素时），默认值为1，即从1开始。此属性在Strict DTD中被废止 |
③ 通用属性：id、class、title、style、dir、lang、xml:lang  |
||
nbsp;
示范
对于无序列表：
<li type="circle">list item</li>
对于有序列表：
<li type="a">list item</li>
<li type="circle">list item</li>
对于有序列表：
<li type="a">list item</li>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了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>
<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等浏览器中显示效果就不一致了。
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等浏览器中显示效果就不一致了。