html5新增属性有哪些,HTML5 新增属性

一、新增与链接相关的属性

1.为a与area元素增加media属性。该属性有效的前提是href属性必须存在。media属性定义了目标URL是针对哪种类型的媒介设备进行优化的。

2. 为area元素增加hreflang属性与rel属性。这可以使其保持与a和link元素的一致性。

3. 为link元素增加sizes属性。该属性可以指定关联图标(icon)的大小，所以通常与icon元素一起使用。

4. 为base元素增加traget属性，仍然是为与a元素保持一致。

二、新增与表单相关的属性

为input(type=text)、button、select和textarea元素增加autofocus属性，表示在打开页面时使元素自动获得焦点

为input(type=text)和textarea元素增加placeholder属性

为input、output、button、select、textarea、和fieldset增加form属性。该属性用于声明元素属于哪个表单，而并不关心元素具体在页面的哪个位置，甚至是表单之外都可以。

为input(type=text)和textarea元素增加require属性，该属性表示元素为必填项。

为input元素增加了多个新属性：autocomplete(规定输入字段是否应该启用自动完成功能)、min(规定 元素的最小值)、max(规定 元素的最小值)、multiple(规定输入字段可选择多个值)、pattern(规定用于验证输入字段的模式)、step(属性规定输入字段的合法数字间隔(假如 step="3"，则合法数字应该是 -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属性。该属性可以取消用户提交表单时需要进行的相关检查。

8. 为fieldset元素增加disabled属性。可以将其子元素设为无效状态。

三、新增的其他属性

为ol元素增加reversed属性，用于指定列表倒序显示

为meta元素增加charset属性，用于指定文档的字符编码，实际上该属性已经在之前的版本中被广泛应用了

为menu元素增加type与label两个属性。label属性用于为菜单定义一个可见的标注，type属性定义菜单的三种显示形式，即上下文菜单、工具条菜单、列表菜单。

4. 为style元素增加scoped属性，用于规定样式的作用域。

5. 为script元素增加async属性，用来定义脚本是否异步执行。

6. 为html元素增加manifest属性，在开发离线Web应用程序时，它与API结合使用，定义一个URL，在这个URL上描述文档的缓存信息。

7. 为iframe元素增加了多个新属性：sandbox、seamless和srcdoc，主要用来提升页面安全性，防止不被信任的Web页面执行某些操作。