一、新增與鏈接相關(guān)的屬性

1.為a與area元素增加media屬性。該屬性有效的前提是href屬性必須存在。media屬性定義了目標(biāo)URL是針對哪種類型的媒介設(shè)備進(jìn)行優(yōu)化的。

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

3. 為link元素增加sizes屬性。該屬性可以指定關(guān)聯(lián)圖標(biāo)(icon)的大小，所以通常與icon元素一起使用。

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

二、新增與表單相關(guān)的屬性

為input(type=text)、button、select和textarea元素增加autofocus屬性，表示在打開頁面時使元素自動獲得焦點

為input(type=text)和textarea元素增加placeholder屬性

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

為input(type=text)和textarea元素增加require屬性，該屬性表示元素為必填項。

為input元素增加了多個新屬性：autocomplete(規(guī)定輸入字段是否應(yīng)該啟用自動完成功能)、min(規(guī)定 元素的最小值)、max(規(guī)定 元素的最小值)、multiple(規(guī)定輸入字段可選擇多個值)、pattern(規(guī)定用于驗證輸入字段的模式)、step(屬性規(guī)定輸入字段的合法數(shù)字間隔(假如 step="3"，則合法數(shù)字應(yīng)該是 -3、0、3、6，以此類推)，同時還新增了list和datalist兩個元素，可以與input配合使用。

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

為input、button和form元素增加novalidate屬性。該屬性可以取消用戶提交表單時需要進(jìn)行的相關(guān)檢查。

8. 為fieldset元素增加disabled屬性。可以將其子元素設(shè)為無效狀態(tài)。

三、新增的其他屬性

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

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

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

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

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

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

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

總結(jié)

以上是生活随笔為你收集整理的html5新增属性有哪些,HTML5 新增属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。