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屬性容許在上傳文件的時候一次上傳多個文件。
• 爲input元素與button元素增長了新屬性formaction、formenctype、formmethod、formnovalidate、formtarget，它們能夠重載from元素的action、enctype、method、novalidate和target屬性。爲fieldset元素增長了disabled屬性，能夠把它的子元素設爲disabled（無效）狀態。
• 爲input元素、button元素、form元素、增長了novalidate屬性，該屬性能夠取消提交時進行的有關檢查，表單能夠被無條件的提交。

 

 

二、連接屬性

• 爲a和area元素增長了media屬性，該屬性規定目標URL時爲何類型的媒介/設備進行優化的，只能在href屬性存在時使用。
• 爲area元素增長了hreflang屬性與rel屬性，以保持與a元素、link元素的一致。
• 爲link元素增長了新屬性sizes。該屬性能夠與icon元素結合使用（經過rel屬性），該屬性指定關聯圖標（icon元素）的大小。
• 爲base元素增長了target屬性，主要目的是保持與a元素的一致性。

 

 

三、其餘屬性

• 爲ol元素增長屬性reversed，它指定列表倒序顯示。
• 爲meta元素增長charset屬性，由於這個屬性已經被普遍支持了，並且爲文檔的字符編碼的指定提供了一種比較良好的方式。
• 爲menu元素增長了兩個新的屬性--type和label。label屬性爲菜單定義一個可見的標註，type屬性讓菜單能夠上下文菜單、工具條與菜單列表3種形式出現。
• 爲 style元素增長了scoped屬性，用來規定樣式的做用範圍，譬如只對頁面上某個樹起做用。
• 爲script元素增長了async屬性，它定義腳本是否異步執行。
• 爲html元素增長了屬性manifest，開發離線web應用程序時它與API結合使用，定義一個URL，在這個URL上描述文檔的緩存信息。
• 爲iframe元素增長三個屬性，即sandbox、seamless、srcdoc，用來提升頁面的安全性，防止不信任的Web頁面執行某些操做。