改變的元素(Element)
以下元素在HTML5裡的用法稍作修改以便能在web裡更好的使用或者起到更大作用:
沒有href屬性的a元素將顯示成一個佔位符,而且a元素內部現在支援flow content類型的元素了(例如:article, input, span等)。
address可以被article, aside, nav, section限定範圍了,以前只能作用於全域範圍。
b元素現在描述為在普通文章中僅從文體上突出的不包含任何額外的重要性的一段文本。例如:文件概要中的關鍵字,評論中的產品名稱。或代表強調的排版方式。另外,根據HTML5的規範,標題文字應使用
改變的屬性(Attribute)
li元素的value屬性重新啟用,在4.0裡被限制了,但HTML5裡開始重新使用這個屬性,同樣ol的 start屬性也被重新啟用了。註:value值只是索引值,而不是排序值。
例如:
<figure> <figcaption>The top 10 movies of all time</figcaption> <ol> <li value="10"><cite>Josie and the Pussycats</cite>, 2001</li> <li value="9"><cite>Црна мачка, бели мачор</cite>, 1998</li> <li value="8"><cite>A Bug's Life</cite>, 1998</li> <li value="7"><cite>Toy Story</cite>, 1995</li> <li value="6"><cite>Monsters, Inc</cite>, 2001</li> <li value="5"><cite>Cars</cite>, 2006</li> <li value="4"><cite>Toy Story 2</cite>, 1999</li> <li value="3"><cite>Finding Nemo</cite>, 2003</li> <li value="2"><cite>The Incredibles</cite>, 2004</li> <li value="1"><cite>Ratatouille</cite>, 2007</li> </ol> </figure>
上面的程式碼也可以使用ol元素的reversed屬性來實現:
<figure> <figcaption>The top 10 movies of all time</figcaption> <ol reversed> <li><cite>Josie and the Pussycats</cite>, 2001</li> <li><cite>Црна мачка, бели мачор</cite>, 1998</li> <li><cite>A Bug's Life</cite>, 1998</li> <li><cite>Toy Story</cite>, 1995</li> <li><cite>Monsters, Inc</cite>, 2001</li> <li><cite>Cars</cite>, 2006</li> <li><cite>Toy Story 2</cite>, 1999</li> <li><cite>Finding Nemo</cite>, 2003</li> <li><cite>The Incredibles</cite>, 2004</li> <li><cite>Ratatouille</cite>, 2007</li> </ol> </figure>
a和area元素的target屬性重新啟用,因為在web程式裡非常有用,例如和iframe一起使用。
script和style元素的type屬性不在是必須項,如果腳本是符合ECMAScript的,或者style語言是CSS。
table元素的border屬性值,只允許設定為"1"或空字串。
下面的一些屬性仍然允許使用,但是建議使用更好的替代方案:
script元素的language屬性使用的時候必須設置為“JavaScript”(不區分大小寫),並且不能和type屬性衝突,用戶可以忽略這個屬性。
a元素的name屬性,使用者可以使用id代替。
img元素和其他所有元素的width和height屬性不在允許設定值為百分比數字。
以上就是HTML5學習筆記簡明版(9):變化的元素和屬性的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)!