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属性。可以将其子元素设为无效状态。
三、新增的其他属性
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页面执行某些操作。