html5 有序列表ol的一些变化

在html4中type 被list-style-type给替代了，start 和value几乎不常用，很少看到有这样的代码，但是html5的新标准这几个属性又重新被捡回来了。

1）个人感觉使用type 属性list-style-type 简单，也容易记忆

下面来对应下这两个之间的关系

type	list-style-type
type="1"	decimal (默认样式)
type="a"	lower-alpha
type="A"	upper-alpha
type="i"	lower-roman
type="I"	upper-roman

 

如果两个属性同时存在的话，那么list-style-type 的优先级高

2）start与 value，就是开始的vendor，请看如下代码：

<ol type="I" >
        <li value="5">aaaaaaaaaaaaaaaaaaaaa</li>
        <li>bbbbbbbbbbbbbbbbbbbbbb</li>
        <li>cccccccccccccccccc</li>
        <li>ddddddddddddddddddddd</li>
        <li>eeeeeeeeeeeeeeeeeeeeee</li>
</ol>

等同于

<ol type="I" start="5" >
        <li >aaaaaaaaaaaaaaaaaaaaa</li>
        <li>bbbbbbbbbbbbbbbbbbbbbb</li>
        <li>cccccccccccccccccc</li>
        <li>ddddddddddddddddddddd</li>
        <li>eeeeeeeeeeeeeeeeeeeeee</li>
</ol>

他们表示的意思都是一样的，效果相同

3）兼容性：

　　type ，start，value 对于ie6,7,8，chrome17，firefox10 下测试都是支持的。