`

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

阅读更多
  在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的值:
    [list=1] 
        <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> 
 
  这个还是可以的,但十分麻烦了
1
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics