html5新增的屬性和廢除

HTM5新增的屬性和廢除的屬性主講人：高洛峰&妹子

在HTML5中，在增加和廢除了很多元素的同時，也增加和廢除了很多屬性。像我們前面介紹過的與表單相關(guān)的屬性就有很多，例如，autofocus、placeholder、form、required、plete、min、max、step、multiple、pattern、formaction、formmethod、novalidate屬性等與特定的表單元素結(jié)合使用。在HTML5也為鏈接元素增加了幾個比較有用的屬性，像base元素增加了target屬性，主要目的是保持與a元素的一致性。其它為一些特定元素增加的常用屬性如下所示：為ol元素增加了reversed屬性，指定列表倒序顯示。為menu元素增加了兩個新的屬性,一個是label屬性為菜單定義一個可見的標(biāo)注，另一個type屬性讓菜單可以以上下文菜單、工具條與列表菜單三種形式出現(xiàn)。為style元素增加了scoped屬性，用來規(guī)定樣式的作用范圍，可以只對頁面上某個樹起作用。為script元素增加async屬性，可以讓腳本異步執(zhí)行。為iframe元素增加三個屬性sandbox、seamless和srcdoc，用來提高頁面安全性，防止不信任的web頁面執(zhí)行某些操作。

還有，在HTML5中，新增了一些“全局屬性”，即可以對任何元素都使用的屬性，幾種常用的全局屬性如下所示：contentEditable：是否允許用戶編輯元素中的內(nèi)容。contentEditable有兩個值（true和false）。designMode：用來指定整個頁面是否可編輯，有兩個值(on和off)。該屬性只可以通過JavaScript來修改值。如果design設(shè)置為on的話，所以允許設(shè)置contentEditable的元素都可以編輯。hidden：在HTML5中所有的元素都可以使用hidden屬性，表示元素的不可見狀態(tài)，有兩個值(true和false)。spellcheck：針對input元素（text,textarea）用戶輸入的內(nèi)容進行拼寫和語法檢查，有兩個值(true和false)，必須先聲明屬性值是true或者false。在HTML4中使用的屬性使用該屬性的元素在HTML5中的替代方案revlink、arelcharsetlink、a在被鏈接的資源的中使用HTTPContent-type頭元素shape、coordsa使用area元素代替a元素longdescimg、iframe使用a元素鏈接到校長描述targetlink多余屬性，被省略nohrefarea多余屬性，被省略profilehead多余屬性，被省略versionhtml多余屬性，被省略nameimgidschememeta只為某個表單域使用schemearchive、chlassid、codebose、codetype、declare、standbyobject使用data與typc屬性類調(diào)用插件。需要使用這些屬性來設(shè)置參數(shù)時，使用param屬性valuetype、typeparam使用name與value屬性，不聲明之的MIME類型在HTML4中使用的屬性使用該屬性的元素在HTML5中的替代方案axis、abbrtd、th使用以明確簡潔的文字開頭、后跟詳述文字的形式?？梢詫Ω敿?xì)內(nèi)容使用title屬性，來使單元格的內(nèi)容變得簡短scopetd在被鏈接的資源的中使用HTTPContent-type頭元素aligncaption、input、legend、div、h1、h2、h3、h4、h5、h6、p使用CSS樣式表替代alink、link、text、vlink、background、bgcolorbody使用CSS樣式表替代align、bgcolor、border、cellpadding、cellspacing、frame、rules、widthtable使用CSS樣式表替代align、char、charoff、height、nowrap、valigntbody、thead、tfoot使用CSS樣式表替代align、bgcolor、char、charoff、height、nowrap、valign、widthtd、th使用CSS樣式表替代align、bgcolor、char、charoff、valigntr使用CSS樣式表替代align、char、charoff、valign、widthcol、colgroup使用CSS樣式表替代align、border、hspace、vspaceobject使用CSS樣式表替代clearbr使用CSS樣式表替代compace、typeol、ul、li使用CSS樣式表替代compacedl使用CSS樣式表替代compacemenu使用CSS樣式表替代widthpre使用CSS樣式表替代align、hspace、vspaceimg使用CSS樣式表替代align、noshade、size、widthhr使用CSS樣式表替代align、fr