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 下測試都是支援的。

html5 有序列表ol的一些變化

在html4中type 被list style type給替代了，start 和value幾乎不常用，很少看到有這樣的 但是html5的新標準這幾個屬性又重新被撿回來了。1 個人感覺使用type 屬性list style type 簡單，也容易記憶 下面來對應下這兩個之間的關係 type list ...

關於HTML5的一些筆記

buckminster fuller.html 正確寫法buckminsterfuller.html 錯誤寫法 檔名全部使用小寫字母，用 短橫線 分隔單詞，用 html 作為副檔名。混合使用大小寫字母會增加訪問者輸入正確位址以及找到頁面的難度。不推薦使用下劃線 資料夾的名稱也應全部用小寫字母。關鍵是...

HTML5 一些有用的 APIs

使用上面函式的方法是反覆呼叫即可。1 2 3 4 5 使用 settimeout 模擬 requestanimationframe 1秒 內重新整理 60次 function callback 使用 requestanimationframe 的目的是為了讓各種網頁動畫效果 dom動畫 canvas...