当前位置:首页>HTML>HTML标签>HTML <li> 标签

HTML <li> 标签

作者:微学网发布时间:2019-08-30 23:59:06

示例

一个有序(<ol>)和一个无序(<ul>HTML列表:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

定义和用法

<li>标签定义了一个列表项。

<li>标签用于有序列表(<ol>),无序列表(<ul>)和菜单列表(<menu>)。

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

HTML 4.01和HTML5之间的差异

HTML5中不支持“type”属性。

“value”属性 在HTML 4.01 中已弃用,但在HTML5中受支持。

提示和注意事项

提示:使用CSS定义列表类型。

属性

属性 描述
type 1
A
a
I
i
disc
square
circle
HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。
value number 不赞成使用。请使用样式取代它。 规定列表项目的数字。

全局属性

<li> 标签支持全局属性,查看完整属性表 HTML 全局属性。

事件属性

<li> 标签支持所有 HTML 事件属性。

在线示例

嵌套列表
列表中的列表。

另一个嵌套列表
一个更复杂的嵌套列表。

相关页面

HTML教程:HTML列表

HTML DOM参考:Li Object

CSS教程:样式列表

默认CSS设置

大多数浏览器将使用以下默认值显示<li>元素:

li {
    display: list-item;
}