HTML5网页设计中新增的属性

我们发现在HTML5中为不同的元素增加许多有用的属性，这让网站制作开发变得更加简单了，下面我就来大体浏览一下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页面执行某些操作。

(编辑：小酷)