首页 > 代码库 > HTML5每日一练之OL列表的改良

HTML5每日一练之OL列表的改良

 在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>