在HTML5中,W3C的草案有很多新的特性了,有的已经被各大浏览器所接受,
有的依然没能接受,有的接受的比较少,在本文中,将介绍一个目前各大浏览器都
还没接受的一个新特性,reversed,这个特性用在[list=1]列表中,其定义标准在
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>
[/list]
这个还是可以的,但十分麻烦了
有的依然没能接受,有的接受的比较少,在本文中,将介绍一个目前各大浏览器都
还没接受的一个新特性,reversed,这个特性用在[list=1]列表中,其定义标准在
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>
[/list]
这个还是可以的,但十分麻烦了