<li>
HTML<li>元素(或称HTML列表条目元素)用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表(<ol>),一个无序列表(<ul>),或者一个菜单(<menu>)。在菜单或者无序列表里,列表条目通常用点排列显示;在有序列表里,列表条目通常在左边显示按升序排列的计数,例如数字或者字母。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有浏览器都支持 |
示例
<ol> <li>first item</li> <li>second item</li> <li>third item</li> </ol>
上面的 HTML 会输出:
- first item
- second item
- third item
<ol type="i"> <li value="3">third item</li> <li>fourth item</li> <li>fifth item</li> </ol>
上面的 HTML 会输出:
- third item
- fourth item
- fifth item
<ul> <li>first item</li> <li>second item</li> <li>third item</li> </ul>
- first item
- second item
- third item
定义和用法
<li>
标签定义列表项,有序列表和无序列表中都使用<li>
标签。
请使用 CSS 来定义列表的类型。
内容类别 | 无 |
---|---|
允许的内容 | 流式内容 |
标签省略 | 如果列表元素的后面紧随另一个<li> 元素,或者它的父元素中没有更多内容,结束标签可以省略。 |
允许的父元素 | <ul> 、<ol> 、或者<menu> 元素。过时的<dir> 也可以作为父元素,但是并不提倡。 |
DOM 接口 | HTMLLIElement |
元素类型 | 块级 |
HTML 4.01 与 HTML 5 之间的差异
在 HTML 4.01 中,不赞成使用"type"和"value"属性。
在 HTML 5 中,不再支持"type"属性。
在 HTML 5 中,并没有不赞成使用"value"属性,但是仅能够与<ol>元素一起使用。
属性
属性 | 值 | 描述 | DTD |
---|---|---|---|
type |
| 规定列表的类型。THML5中废弃。此功能已过时。。 | TF |
value | number_of_list_item | THML5中废弃。此功能已过时。请使用样式替代。 | TF |
实例
HTML 两个列表实例:一个有序列表(<ol>
)和一个无序列表(<ul>
):
<ol> <li>coffee</li> <li>tea</li> <li>milk</li> </ol> <ul> <li>coffee</li> <li>tea</li> <li>milk</li> </ul>
例子
<ol> <li>coffee</li> <li>tea</li> </ol> <ol> <li value="8">coffee</li> <li>tea</li> </ol> <ul> <li>coffee</li> <li>tea</li> </ul>