Html5教程 专题
专题目录
您的位置:html > Html5教程专题 > HTML5 <li> 标签
HTML5 <li> 标签
作者:--    发布时间:2019-11-20

html5 <li>标签用于表示文档中列表的项目,在下述例子中,我们分别在有序列表和无序列表中使用了<li>标签。

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> 
尝试一下 »
(本页底部查看更多实例)

浏览器支持

internet explorerfirefoxoperagoogle chromesafari

目前多数主流浏览器支持 <li>标签。


标签定义及使用说明

<li> 标签定义列表项目。

<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中。


html 4.01 与 html5之间的差异

"type" 属性 在 html 4.01 已被废弃。html5 不支持该属性。

"value" 属性 在 html 4.01 已被废弃。html5 不支持该属性。


提示和注释

提示: 请使用 css 来定义列表和列表项目的类型。


属性

属性 描述
type (已废弃) 1
a
a
i
i
disc
square
circle
html5 不支持该属性。html 4.01 已废弃该属性。 不赞成使用。使用 css list-style-type 属性来代替, 规定使用哪种项目符号。
value number 不赞成使用。请使用样式取代它。规定列表项目的数字。


全局属性

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


事件属性

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


examples

在线实例

一个嵌套列表
列表内的列表。

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


相关文章

html 教程: html 列表

网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册