HTML5網頁設計中新增的屬性

我們發現在HTML5中為不同的元素增加許多有用的屬性，這讓網站制作開發變得更加簡單了，下面我就來大體瀏覽一下HTML5中新增的屬性。

　　一、新增與鏈接相關的屬性

　　1. 為a與area元素增加media屬性。該屬性有效的前提是href屬性必須存在。media屬性定義了目標URL是針對哪種類型的媒介設備進行優化的。

　　2. 為area元素增加hreflang屬性與rel屬性。這可以使其保持與a和link元素的一致性。

　　3. 為link元素增加sizes屬性。該屬性可以指定關聯圖標（icon）的大小，所以通常與icon元素一起使用。

　　4. 為base元素增加traget屬性，仍然是為與a元素保持一致。

　　二、新增與表單相關的屬性

　　1. 為input（type=text）、button、select和textarea元素增加autofocus屬性。該屬性表示在打開頁面是使元素自動獲得焦點。

　　2. 為input（type=text）和textarea元素增加placeholder屬性。該屬性可以在用戶輸入時進行提示。

　　3. 為input、output、button、select、textarea、和fieldset增加form屬性。該屬性用于聲明元素屬于哪個表單，而并不關心元素具體在頁面的哪個位置，甚至是表單之外都可以。

　　4. 為input（type=text）和textarea元素增加required屬性。該屬性表示元素為必填項，當用戶提交表單時系統會自動檢查元素中是否有內容。

　　5. 為input元素增加了多個新屬性：autocomplete、min、max、multiple、pattern與step。同時還新增了list和datalist兩個元素，可以與input配合使用。

　　6. 為input和button元素增加了多個新屬性：formaction、formenctype、formmethod、formnovalidate與formtarget。他們可以重載早期HTML版本中form元素的action、enctype、method、novalidate和target屬性。

　　7. 為input、button和form元素增加novalidate屬性。該屬性可以取消用戶提交表單時需要進行的相關檢查。

　　8. 為fieldset元素增加disabled屬性?？梢詫⑵渥釉卦O為無效狀態。

　　三、新增的其他屬性

　　1. 為ol元素增加reversed屬性，用于指定列表倒序顯示。

　　2. 為meta元素增加charset屬性，用于指定文檔的字符編碼，實際上該屬性已經在之前的版本中被廣泛應用了。

　　3. 為menu元素增加type與label兩個屬性。label屬性用于為菜單定義一個可見的標注，type屬性定義菜單的三種顯示形式，即上下文菜單、工具條菜單、列表菜單。

　　4. 為style元素增加scoped屬性，用于規定樣式的作用域。

　　5. 為script元素增加async屬性，用來定義腳本是否異步執行。

　　6. 為html元素增加manifest屬性，在開發離線Web應用程序時，它與API結合使用，定義一個URL，在這個URL上描述文檔的緩存信息。

　　7. 為iframe元素增加了多個新屬性：sandbox、seamless和srcdoc，主要用來提升頁面安全性，防止不被信任的Web頁面執行某些操作。

(編輯：小酷)