• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

HTML5 <li> 标签

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

实例

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

浏览器支持

目前多数主流浏览器支持 <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 事件属性


在线实例

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

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


相关文章

HTML 教程: HTML 列表


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
HTML5 &lt;legend&gt; 标签发布时间:2022-01-31
下一篇:
HTML5 &lt;link&gt; 标签发布时间:2022-01-31
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap