HTML <li> 标签
HTML的 <li> 元素 （或称 HTML 列表条目元素） 用于表示列表里的条目。它必须包含在一个父元素里：一个有序列表(ol)，一个无序列表(ul)，或者一个菜单 (menu)。在菜单或者无序列表里，列表条目通常用点排列显示；在有序列表里，列表条目通常在左边显示按升序排列的计数，例如数字或者字母。
实例
<html><body><p>有序列表：</p><ol><li>打开冰箱门</li><li>把大象放进去</li><li>关上冰箱门</li></ol><p>无序列表：</p><ul><li>雪碧</li><li>可乐</li><li>凉茶</li></ul></body></html>
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <li> | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 <li> 标签。
定义和用法
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
HTML 与 XHTML 之间的差异
在 HTML 4.01 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 1.0 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。
提示和注释：
提示：请使用 CSS 来定义列表和列表项目的类型。
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| type |
| 不建议使用。请使用样式取代它。 规定使用哪种项目符号。 |
| value | number | 不建议使用。请使用样式取代它。 规定列表项目的数字。 |
全局属性
<li> 标签支持 HTML 中的 全局属性。
事件属性
<li> 标签支持 HTML 中的 事件属性。
更多实例
<!DOCTYPE html><html><body><h1>li 的 value属性</h1><ol><li value="100">咖啡</li><li>茶</li><li>牛奶</li><li>水</li><li>酱汁</li><li>啤酒</li></ol></body></html>
<!DOCTYPE html><html><body><h1>定义 list 的样式</h1><ol><li>咖啡</li><li style="list-style-type:lower-alpha">茶</li><li>牛奶</li></ol><ul><li>咖啡</li><li style="list-style-type:square">茶</li><li>牛奶</li></ul></body></html>
<!DOCTYPE html><html><body><h1>嵌套式的 list 方式</h1><ul><li>咖啡</li><li>茶<ul><li>黑茶</li><li>绿茶</li></ul></li><li>牛奶</li></ul></body></html>
li 标签 默认样式
li {display: list-item;}