jackyrong 发表于 2013-2-7 19:08:37

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的值:

    <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]
查看完整版本: html5 中一个无聊新特性之reversed倒序