您现在的位置： Linux教程網 >> UnixLinux > >> Linux編程 >> Linux編程

HTML5新增的屬性和廢除的屬性

HTML5中，在新增加和廢除很多元素的同時，也增加和廢除了很多屬性。

HTML5移動開發即學即用(雙色) PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90351.htm

HTML5入門學習筆記 http://www.linuxidc.com/Linux/2013-09/90089.htm

HTML5移動Web開發筆記 http://www.linuxidc.com/Linux/2013-09/90088.htm

HTML5 開發中的本地存儲的安全風險 http://www.linuxidc.com/Linux/2013-06/86486.htm

《HTML5與CSS3權威指南》及相配套源碼 http://www.linuxidc.com/Linux/2013-02/79950.htm

關於 HTML5 令人激動的 10 項預測 http://www.linuxidc.com/Linux/2013-02/79917.htm

HTML5與CSS3實戰指南 PDF http://www.linuxidc.com/Linux/2013-02/79910.htm

新增的屬性

1、表單相關的屬性

對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"，則合法數字應該是 -3、0、3、6，以此類推），step 屬性可以與 max 以及 min 屬性配合使用，以創建合法值的范圍。
為input、button元素增加formaction、formenctype、formmethod、formnovalidate與formtarget屬性。用戶重載form元素的action、enctype、method、novalidate與target屬性。為fieldset元素增加disabled屬性，可以把它的子元素設為disabled狀態。
為input、button、form增加novalidate屬性，可以取消提交時進行的有關檢查，表單可以被無條件地提交。

2、鏈接相關屬性

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

3、其他屬性

為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

使用area元素代替a元素

longdesc

img、iframe

使用a元素鏈接到校長描述

target

link

多余屬性，被省略

nohref

area

多余屬性，被省略

profile

head

多余屬性，被省略

version

html

多余屬性，被省略

name

img

scheme