[html5/css3] html5中新增和废除的属性

HTML5中，在新增长和废除不少元素的同时，也增长和废除了不少属性。

新增的属性

一、表单相关的属性

• 对input（type=text）、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在画面打开时自动得到焦点。
• 对input（type=text）、textarea指定placeholder属性，它会对用户的输入进行提示，提示用户能够输入的内容。
• 对input、output、select、textarea、button与fieldset指定form属性。它声明属于哪一个表单，而后将其放置在页面的任何位置，而不失表单以内。
• 对input（type=text）、textarea指定required属性。该属性表示用户提交时进行检查，检查该元素内一定要有输入内容。
• 为input标签增长几个新的属性：autocomplete、min、max、multiple、pattern与step。还有list属性与datalist元素配合使用；datalist元素与autocomplete属性配合使用。multiple属性容许上传时一次上传多个文件； pattern属性用于验证输入字段的模式，其实就是正则表达式。step 属性规定输入字段的合法数字间隔（假如 step="3"，则合法数字应该是 -三、0、三、6，以此类推），step 属性能够与 max 以及 min 属性配合使用，以建立合法值的范围。
• 为input、button元素增长formaction、formenctype、formmethod、formnovalidate与formtarget属性。用户重载form元素的action、enctype、method、novalidate与target属性。为fieldset元素增长disabled属性，能够把它的子元素设为disabled状态。
• 为input、button、form增长novalidate属性，能够取消提交时进行的有关检查，表单能够被无条件地提交。

二、连接相关属性

• 为a、area增长media属性。规定目标 URL 是为何类型的媒介/设备进行优化的。该属性用于规定目标 URL 是为特殊设备（好比 iPhone）、语音或打印媒介设计的。该属性可接受多个值。只能在 href 属性存在时使用。
• 为area增长herflang和rel属性。hreflang 属性规定在被连接文档中的文本的语言。只有当设置了 href 属性时，才能使用该属性。注释：该属性是纯咨询性的。rel 属性规定当前文档与被连接文档/资源之间的关系。只有当使用 href 属性时，才能使用 rel 属性。
• 为link增长size属性。sizes 属性规定被连接资源的尺寸。只有当被连接资源是图标时 (rel="icon")，才能使用该属性。该属性可接受多个值。值由空格分隔。
• 为base元素增长target属性，主要是保持与a元素的一致性。

三、其余属性

• 为ol增长reversed属性，它指定列表倒序显示。
• 为meta增长charset属性
• 为menu增长type和label属性。label为菜单定义一个课件的标注，type属性让才当能够以上下文菜单、工具条与列表cande但三种形式出现。
• 为style增长scoped属性。它容许咱们为文档的指定部分定义样式，而不是整个文档。若是使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。
• 为script增减属性，它定义脚本是否异步执行。async 属性仅适用于外部脚本（只有在使用 src 属性时）有多种执行外部脚本的方法：     
  • 若是 async="async"：脚本相对于页面的其他部分异步地执行（当页面继续进行解析时，脚本将被执行）
  • 若是不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
  • 若是既不使用 async 也不使用 defer：在浏览器继续解析页面以前，当即读取并执行脚本
• 为html元素增长manifest，开发离线web应用程序时他与API结合使用，定义一个URL，在这个URL上描述文档的缓存信息。
• 为iframe增长撒个属性，sandbox、seamless、srcdoc。用来提升页面安全性，防止不信任的web页面执行某些操做。

废除的属性

HTML4中一些属性在HTML5中再也不被使用，而是采用其余属性或其余方式进行替代。

在HTML 4中使用的属性	使用该属性的元素	在HTML 5中的替代方案
rev	link、a	rel
charset	link、a	在被连接的资源的中使用HTTP Content-type头元素
shape、coords	a	使用area元素代替a元素
longdesc	img、iframe	使用a元素连接到校长描述
target	link	多余属性，被省略
nohref	area	多余属性，被省略
profile	head	多余属性，被省略
version	html	多余属性，被省略
name	img	id
scheme	meta	只为某个表单域使用scheme
archive、chlassid、codebose、codetype、declare、standby	object	使用data与typc属性类调用插件。须要使用这些属性来设置参数时，使用param属性
valuetype、type	param	使用name与value属性，不声明之的MIME类型
axis、abbr	td、th	使用以明确简洁的文字开头、后跟详述文字的形式。能够对更详细内容使用title属性，来使单元格的内容变得简短
scope	td	在被连接的资源的中使用HTTP Content-type头元素
align	caption、input、legend、div、h一、h二、h三、h四、h五、h六、p	使用CSS样式表替代
alink、link、text、vlink、background、bgcolor	body	使用CSS样式表替代
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width	table	使用CSS样式表替代
align、char、charoff、height、nowrap、valign	tbody、thead、tfoot	使用CSS样式表替代
align、bgcolor、char、charoff、height、nowrap、valign、width	td、th	使用CSS样式表替代
align、bgcolor、char、charoff、valign	tr	使用CSS样式表替代
align、char、charoff、valign、width	col、colgroup	使用CSS样式表替代
align、border、hspace、vspace	object	使用CSS样式表替代
clear	br	使用CSS样式表替代
compace、type	ol、ul、li	使用CSS样式表替代
compace	dl	使用CSS样式表替代
compace	menu	使用CSS样式表替代
width	pre	使用CSS样式表替代
align、hspace、vspace	img	使用CSS样式表替代
align、noshade、size、width	hr	使用CSS样式表替代
align、frameborder、scrolling、marginheight、marginwidth	iframe	使用CSS样式表替代
autosubmit	menu