HTML 閻犱礁澧介悿鍡涘焼閿燂拷 閻庢稒顨呰ぐ锟�: 濡増绮忔竟锟�: 闁煎啿鏈▍娆撴嚌閿燂拷: 濮掓稒枪椤擄拷
HTML闁告瑥鍊介埀顒婃嫹 > HTML闁稿繐鍟扮粈锟�
闁轰胶绻濈紞瀣几閸曨垪鍋撻悩鎻掑笚缂佹唻鎷�闁哄倸娲ら悺褔宕楅崘顏嗩槺闁哄秴鍢茬槐鈩冪▔鎼淬劌甯崇紓鍐惧枛閸樻挾妲愰敓锟�闁告帗顨夐妴鍐礂閸愵亞顦�闂佸墽鍋撶敮鎾礂閸愵亞顦�閻炴稏鍔屽畷鐔煎礂閸愵亞顦�閻炴稏鍔嶉悧鎼佸礂閸愵亞顦�闁搞儱澧芥晶鏍ㄧ▔鎼粹槅鍤犻悹鐐┾偓鍐插笚缂佹唻鎷�婵℃妫欓悘锕傚礂閸愵亞顦�婵炲鍔戦悡鍫曞冀閸ャ劍鏆堥柛蹇撳暟缁€锟�闁稿繗娉涢悾鐘诲礂閸愵亞顦�
> 闁告帗顨夐妴鍐礂閸愵亞顦�
ulollidldtdddirmenu
> 元素li
li
适用DTD:Strict Transitional Frameset   适用浏览器:All
释义
列表项目(list item)

语法
<li 属性="属性值">~标签内容~</li>

说明
li元素是ul元素及ol元素的子元素,用来罗列它们标签内容中的数据项
li元素也是块级元素,其标签内容可以包含块级元素
在HTML中,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 查看
婵炲鐓夌槐锟�W3C闂傚牏鍋炵敮褰掓嚒閹邦剛娼i柟顑嫬鐏楅梻鍫㈠仦閻栵綁宕欓崱妤冩剑闁诡剨鎷� 濞寸姴灏〩TML闂侇偄鍊婚弫锟� 濮掓稒枪椤撳宕愰敓锟�

示范
对于无序列表:
<li type="circle">list item</li>
对于有序列表:
<li type="a">list item</li>

范例
下面的例子显示了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等浏览器中显示效果就不一致了。

参阅
ul
ol
dl
dir
menu



© 2008 liuming lium03@tom.com
395310500
, All Rights Reserved.