[html5/css3] html5中新增和廢除的屬性

HTML5中，在新增長和廢除不少元素的同時，也增長和廢除了不少屬性。

新增的屬性

一、表單相關的屬性

• 對input（type=text）、select、textarea與button指定autofocus屬性。它以指定屬性的方式讓元素在畫面打開時自動得到焦點。
• 對input（type=text）、textarea指定placeholder屬性，它會對用戶的輸入進行提示，提示用戶能夠輸入的內容。
• 對input、output、select、textarea、button與fieldset指定form屬性。它聲明屬於哪一個表單，而後將其放置在頁面的任何位置，而不失表單以內。
• 對input（type=text）、textarea指定required屬性。該屬性表示用戶提交時進行檢查，檢查該元素內一定要有輸入內容。
• 爲input標籤增長几個新的屬性：autocomplete、min、max、multiple、pattern與step。還有list屬性與datalist元素配合使用；datalist元素與autocomplete屬性配合使用。multiple屬性容許上傳時一次上傳多個文件； pattern屬性用於驗證輸入字段的模式，其實就是正則表達式。step 屬性規定輸入字段的合法數字間隔（假如 step="3"，則合法數字應該是 -三、0、三、6，以此類推），step 屬性能夠與 max 以及 min 屬性配合使用，以建立合法值的範圍。
• 爲input、button元素增長formaction、formenctype、formmethod、formnovalidate與formtarget屬性。用戶重載form元素的action、enctype、method、novalidate與target屬性。爲fieldset元素增長disabled屬性，能夠把它的子元素設爲disabled狀態。
• 爲input、button、form增長novalidate屬性，能夠取消提交時進行的有關檢查，表單能夠被無條件地提交。

二、連接相關屬性

• 爲a、area增長media屬性。規定目標 URL 是爲何類型的媒介/設備進行優化的。該屬性用於規定目標 URL 是爲特殊設備（好比 iPhone）、語音或打印媒介設計的。該屬性可接受多個值。只能在 href 屬性存在時使用。
• 爲area增長herflang和rel屬性。hreflang 屬性規定在被連接文檔中的文本的語言。只有當設置了 href 屬性時，才能使用該屬性。註釋：該屬性是純諮詢性的。rel 屬性規定當前文檔與被連接文檔/資源之間的關係。只有當使用 href 屬性時，才能使用 rel 屬性。
• 爲link增長size屬性。sizes 屬性規定被連接資源的尺寸。只有當被連接資源是圖標時 (rel="icon")，才能使用該屬性。該屬性可接受多個值。值由空格分隔。
• 爲base元素增長target屬性，主要是保持與a元素的一致性。

三、其餘屬性

• 爲ol增長reversed屬性，它指定列表倒序顯示。
• 爲meta增長charset屬性
• 爲menu增長type和label屬性。label爲菜單定義一個課件的標註，type屬性讓才當能夠以上下文菜單、工具條與列表cande但三種形式出現。
• 爲style增長scoped屬性。它容許咱們爲文檔的指定部分定義樣式，而不是整個文檔。若是使用 "scoped" 屬性，那麼所規定的樣式只能應用到 style 元素的父元素及其子元素。
• 爲script增減屬性，它定義腳本是否異步執行。async 屬性僅適用於外部腳本（只有在使用 src 屬性時）有多種執行外部腳本的方法：     
  • 若是 async="async"：腳本相對於頁面的其他部分異步地執行（當頁面繼續進行解析時，腳本將被執行）
  • 若是不使用 async 且 defer="defer"：腳本將在頁面完成解析時執行
  • 若是既不使用 async 也不使用 defer：在瀏覽器繼續解析頁面以前，當即讀取並執行腳本
• 爲html元素增長manifest，開發離線web應用程序時他與API結合使用，定義一個URL，在這個URL上描述文檔的緩存信息。
• 爲iframe增長撒個屬性，sandbox、seamless、srcdoc。用來提升頁面安全性，防止不信任的web頁面執行某些操做。

廢除的屬性

HTML4中一些屬性在HTML5中再也不被使用，而是採用其餘屬性或其餘方式進行替代。

在HTML 4中使用的屬性	使用該屬性的元素	在HTML 5中的替代方案
rev	link、a	rel
charset	link、a	在被連接的資源的中使用HTTP Content-type頭元素
shape、coords	a	使用area元素代替a元素
longdesc	img、iframe	使用a元素連接到校長描述
target	link	多餘屬性，被省略
nohref	area	多餘屬性，被省略
profile	head	多餘屬性，被省略
version	html	多餘屬性，被省略
name	img	id
scheme	meta	只爲某個表單域使用scheme
archive、chlassid、codebose、codetype、declare、standby	object	使用data與typc屬性類調用插件。須要使用這些屬性來設置參數時，使用param屬性
valuetype、type	param	使用name與value屬性，不聲明之的MIME類型
axis、abbr	td、th	使用以明確簡潔的文字開頭、後跟詳述文字的形式。能夠對更詳細內容使用title屬性，來使單元格的內容變得簡短
scope	td	在被連接的資源的中使用HTTP Content-type頭元素
align	caption、input、legend、div、h一、h二、h三、h四、h五、h六、p	使用CSS樣式表替代
alink、link、text、vlink、background、bgcolor	body	使用CSS樣式表替代
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width	table	使用CSS樣式表替代
align、char、charoff、height、nowrap、valign	tbody、thead、tfoot	使用CSS樣式表替代
align、bgcolor、char、charoff、height、nowrap、valign、width	td、th	使用CSS樣式表替代
align、bgcolor、char、charoff、valign	tr	使用CSS樣式表替代
align、char、charoff、valign、width	col、colgroup	使用CSS樣式表替代
align、border、hspace、vspace	object	使用CSS樣式表替代
clear	br	使用CSS樣式表替代
compace、type	ol、ul、li	使用CSS樣式表替代
compace	dl	使用CSS樣式表替代
compace	menu	使用CSS樣式表替代
width	pre	使用CSS樣式表替代
align、hspace、vspace	img	使用CSS樣式表替代
align、noshade、size、width	hr	使用CSS樣式表替代
align、frameborder、scrolling、marginheight、marginwidth	iframe	使用CSS樣式表替代
autosubmit	menu