<li> - HTML(超文本标记语言) 编辑

HTML <li> 元素 (或称 HTML 列表条目元素) 用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表(<ol>),一个无序列表(<ul>),或者一个菜单 (<menu>)。在菜单或者无序列表里,列表条目通常用点排列显示;在有序列表里,列表条目通常在左边显示按升序排列的计数,例如数字或者字母。

内容类别
允许的内容流式内容
标签省略如果列表元素的后面紧随另一个 <li> 元素,或者它的父元素中没有更多内容,结束标签可以省略。
允许的父元素<ul><ol>、 或者 <menu> 元素。过时的 <dir> 也可以作为父元素,但是并不提倡。
DOM 接口HTMLLIElement
元素类型块级

属性

这个元素拥有全局属性

value
这个整数型属性表明了本 <li> 元素在有序列表 (由 <ol> 元素定义)中的序号。本属性值只能用数字,即使列表使用罗马数字或字母来展示。随后的列表条目会从设置的值开始计数。value 属性对于无序列表 (<ul>) 或者菜单 (<menu>) 无效。 注: 这个属性在 HTML 4 中废弃,但是在 HTML 5 中重新引入。

注: 在 Gecko 9.0 之前,负值会错误地转换为 0。Gecko 9.0 开始,所有整数值都可以正确解析。

type
这个字符型属性表明了数字的类型:
  • a: 小写字母
  • A: 大写字母
  • i: 小写罗马数字
  • I: 大写罗马数字
  • 1: 数字
本属性值将覆盖 <ol> 元素中的同名属性值(若存在)。 使用注解: 本属性已废弃:使用 CSS list-style-type 属性来代替。

示例

<ol>
    <li>first item</li>
    <li>second item</li>
    <li>third item</li>
</ol>

上面的 HTML 会输出:

  1. first item
  2. second item
  3. third item
<ol type="I">
    <li value="3">third item</li>
    <li>fourth item</li>
    <li>fifth item</li>
</ol>

上面的 HTML 会输出:

  1. third item
  2. fourth item
  3. fifth item
<ul>
    <li>first item</li>
    <li>second item</li>
    <li>third item</li>
</ul>
  • first item
  • second item
  • third item

更多具体示例请见 <ol> 和 <ul> 页面。

规范

SpecificationStatusComment
HTML Living Standard
<li>
Living Standard 
HTML5
<li>
Recommendation 
HTML 4.01 Specification
<li>
RecommendationThe type attribute has been deprecated.

浏览兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support(Yes)1.0 (1.7 or earlier)(Yes)(Yes)(Yes)
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support(Yes)1.0 (1.0)(Yes)(Yes)(Yes)

另见

  • 其它列表相关的 HTML 元素: <ul>, <li>, <menu>, 和过时的 <dir>
  • 可能特定用于排版 <li> 元素的 CSS 属性:
    • list-style 属性,用于选择序号的展示方式,
    • CSS 计数器,用于处理复杂的嵌套列表,
    • margin 属性,用于控制列表条目的缩进。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:144 次

字数:10020

最后编辑:7年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文