HTML5 HTML5之OL列表的改良

[复制链接]
建站高手 发表于 2015-9-8 20:35:39 [HTML5] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
在HTML5中的OL被改良了,为它增加了两个新属性。

start属性:
start属性用来定义列表编号的起始位置,比如下面的代码,列表将从50开始51...55以此类推

  1. <ol start="50">
  2.         <li>首页</li>
  3.         <li>阅览室</li>
  4.         <li>我的</li>
  5.         <li>简历</li>
  6.         <li>社区</li>
  7.         <li>教程</li>
  8.         <li>HTML5</li>
  9.         <li>专题</li>
  10.         <li>酷站</li>
  11.         <li>TShirt</li>
  12.         <li>作品</li>
  13.         <li>学院</li>
  14. </ol>
复制代码


reversed属性:
reversed属性表示将列表进行反转,但是目前还没有任何一款浏览器对其提供支持,在这里就不细说了。

运行一下看看效果:

  1. <ol start="50" reversed>
  2.         <li>首页</li>
  3.         <li>阅览室</li>
  4.         <li>我的</li>
  5.         <li>简历</li>
  6.         <li>社区</li>
  7.         <li>教程</li>
  8.         <li>HTML5</li>
  9.         <li>专题</li>
  10.         <li>酷站</li>
  11.         <li>TShirt</li>
  12.         <li>作品</li>
  13.         <li>学院</li>
  14. </ol>
复制代码





上一篇:HTML、CSS和JavaScript的区别
下一篇:HTML5之datalist标签自动补全下拉列表的使用
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表