六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 104|回复: 0

html5 中一个无聊新特性之reversed倒序

[复制链接]

升级  73.25%

801

主题

801

主题

801

主题

探花

Rank: 6Rank: 6

积分
2465
 楼主| 发表于 2013-2-7 19:08:37 | 显示全部楼层 |阅读模式
在HTML5中,W3C的草案有很多新的特性了,有的已经被各大浏览器所接受,
有的依然没能接受,有的接受的比较少,在本文中,将介绍一个目前各大浏览器都
还没接受的一个新特性,reversed,这个特性用在
    列表中,其定义标准在
    W3C的地址为:http://dev.w3.org/html5/spec/Overview.html#the-ol-element
    先看例子
    <ol reversed>  
          
    <li>List item one</li>  
        <li>List item two</li>  
        <li>List item three</li>  
        <li>List item four</li>  
        <li>List item five</li>
    </ol>

       其输出为序号倒转而已,即
       5 List item one
       4 List item two
       3 List item three
       2 List item four
       1 List item five
       
      很遗憾,各大浏览器都没对其进行支持,详细见支持表:
    http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)#Attributes
        当然,也有老外实现了,用jquery的方法,详细DEMO见:
    http://jsfiddle.net/ImpressiveWebs/h4JcL/
        当然,目前浏览器中,居然有个死板的支持方法,就是用value的值:
        
          <li value=5>List item one</li>  
          <li value=4>List item two</li>  
          <li value=3>List item three</li>  
          <li value=2>List item four</li>  
          <li value=1>List item five</li>  
      
      这个还是可以的,但十分麻烦了
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

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