HTML5教程:2.3 新增的属性和废除的属性

在HTML 5中，在增加和废除了很多元素的同时，也增加和废除了很多属性，本节对于这些增加和废除的属性进行简单介绍。（其他资料介绍的新增属性可能会比下面要介绍的多，这是因为HTML 5在最新发布的版本中，又把这些本来想新增的属性给删除了。）

一、新增的属性

1．表单相关的属性

新增的与表单相关的元素如下：

★ 可以对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元素与autocomlete属性配合使用。multiple属性允许在上传文件时一次上 传多个文件。

★ 为input元素与button元素增加了新属性formaction、formenctype、formmethod、formnovalidate与 formtarget，他们可以重载form元素的action、enctype、method、novalidate与target属性。为 fieldset元素增加了disabled属性，可以把它的子元素设为disabled（无效）状态。

★ 为input元素、button元素、form元素增加了novalidate属性，该属性可以取消提交时进行的有关检查，表单可以被无条件地提交。

2．链接相关属性

新增的与链接相关的属性如下：

★ 为a与area元素增加了media属性，该属性规定目标URL是为什么类型的媒介/设备进行优化的，只能在href属性存在时使用。

★ 为area元素增加了hreflang属性与rel属性，以保持与a元素、link元素的一致。

★ 为link元素增加了新属性sizes。该属性可以与icon元素结合使用（通过rel属性），该属性指定关联图标（icon元素）的大小。

★ 为base元素增加了target属性，主要目的是保持与a元素的一致性。

3．其他属性

除了上面介绍的与表单和链接相关的属性外，HTML 5还增加了下面的属性：

★ 为ol元素增加属性reversed，它指定列表倒序显示。

★ 为meta元素增加charset属性，因为这个属性已经被广泛支持了，而且为文档的字符编码的指定提供了一种比较良好的方式。

★ 为menu元素增加了两个新的属性——type与label。label属性为菜单定义一个可见的标注，type属性让菜单可以以上下文菜单、工具条与列表菜单的三种形式出现。

★ 为style元素增加scoped属性，用来规定样式的作用范围，譬如只对页面上某个树起作用。

★ 为script元素增加async属性，它定义脚本是否异步执行。

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

★ 为iframe元素增加三个属性sandbox、seamless与srcdoc，用来提高页面安全性，防止不信任的Web页面执行某些操作。

二、废除的属性

HTML 4中的一些属性在HTML 5中不再被使用，而是采用其他属性或其他方案进行替代，具体如下表所示。

在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、h1、h2、h3、h4、h5、h6、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

点击下载HTML5教程案例资源 返回《深入探索HTML5教程》教程列表

转载请注明本文地址:

http://www.wangyexx.com/html/html5/1612.html 如何制作网页 html教程 JavaScript教程 CSS教程 jQuery教程 JSP教程 JAVA教程 C#教程 网络营销教程 数据库教程 SEO教程 HTML5教程 网页制作教程