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元素增加require属性,该属性表示元素为必填项。
  5. 为input元素增加了多个新属性:autocomplete(规定输入字段是否应该启用自动完成功能)、min(规定 元素的最小值)、max(规定 元素的最小值)、multiple(规定输入字段可选择多个值)、pattern(规定用于验证输入字段的模式)、step(属性规定输入字段的合法数字间隔(假如 step="3",则合法数字应该是 -3、0、3、6,以此类推),同时还新增了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属性。可以将其子元素设为无效状态。

三、新增的其他属性

  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页面执行某些操作。

你可能感兴趣的:(HTML5 新增属性)