HTML 闁荤姳绀佹晶浠嬫偪閸℃稑鐒奸柨鐕傛嫹 闁诲孩绋掗〃鍛般亹閿燂拷: 婵☆偆澧楃划蹇旂珶閿燂拷: 闂佺厧鍟块張顒€鈻嶅▎鎾村殞闁跨噦鎷�: 婵帗绋掓灙妞ゆ搫鎷�
HTML闂佸憡鐟ラ崐浠嬪焵椤掑﹥瀚� > HTML闂佺ǹ绻愰崯鎵矆閿燂拷
闂佽桨鑳剁换婵堢礊鐎n喖鍑犻柛鏇ㄥ灙閸嬫捇鎮╅幓鎺戠瑲缂備焦鍞婚幏锟�闂佸搫鍊稿ú銈夋偤瑜斿畷妤呭礃椤忓棭妲�闂佸搫绉撮崲鑼閳╁啰鈻旈幖娣妼鐢磭绱撻崘鎯ф灈闁告ɑ鎸惧Σ鎰版晸閿燂拷闂佸憡甯楅〃澶愬Υ閸愵喖绀傞柛鎰典簽椤︼拷闂備礁澧介崑鎾舵暜閹绢喖绀傞柛鎰典簽椤︼拷闁荤偞绋忛崝灞界暦閻旂厧绀傞柛鎰典簽椤︼拷闁荤偞绋忛崝宥夋偋閹间礁绀傞柛鎰典簽椤︼拷闂佹悶鍎辨晶鑺ユ櫠閺嶃劎鈻旈幖绮规閸ょ娀鎮归悙鈹惧亾閸愭彃绗氱紓浣瑰敾閹凤拷濠碘剝顨呭Λ娆撴倶閿曞倸绀傞柛鎰典簽椤︼拷濠电偛顦崝鎴︽偂閸洖鍐€闁搞儯鍔嶉弳鍫ユ煕韫囨挸鏆熺紒鈧敓锟�闂佺ǹ绻楀▔娑㈡偩閻樿绀傞柛鎰典簽椤︼拷
> 闂佸憡甯楅〃澶愬Υ閸愵喖绀傞柛鎰典簽椤︼拷
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闂傚倸鐗忛崑鐐垫暜瑜版帗鍤掗柟閭﹀墰濞硷綁鏌熼顒€瀚悘妤呮⒒閸垹浠﹂柣鏍电秮瀹曟瑩宕卞Δ鍐╁墤闂佽鍓ㄩ幏锟� 婵炲濮寸亸銆㏕ML闂備緡鍋勯崐濠氬极閿燂拷 婵帗绋掓灙妞ゆ挸顭峰畷鎰版晸閿燂拷

示范
对于无序列表:
<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.