当前位置:首页 > HTML5教程 > HTML5技巧

HTML <li> 标签

html <li> 标签

  • <legend>

实例

<ol>
   <li>coffee</li>
   <li>tea</li>
   <li>milk</li>
</ol>

<ul>
   <li>coffee</li>
   <li>tea</li>
   <li>milk</li>
</ul>

亲自试一试

(请在页面底部查看更多实例)

浏览器支持

元素 chrome ie firefox safari opera
<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
  • a
  • a
  • i
  • i
  • 1
  • disc
  • square
  • circle

不赞成使用。请使用样式取代它。

规定使用哪种项目符号。

value number

不赞成使用。请使用样式取代它。

规定列表项目的数字。

全局属性

<li> 标签支持 html 中的全局属性。

事件属性

<li> 标签支持 html 中的事件属性。

tiy 实例

一个无序列表 本例演示一个无序列表。 不同类型的无序列表 本例演示不同类型的无序列表。 一个有序列表 本例演示一个有序列表。 不同类型的有序列表 本例演示不同类型的有序列表。 嵌套列表 本例演示如何嵌套列表。 嵌套列表 2 本例演示更复杂的嵌套列表。

相关页面

html dom 参考手册:li 对象

  • <legend>

【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!