第2章HTML5的元素与属性讲义.ppt

2．链接相关属性 新增的与链接相关的属性如下： media属性 为a与area元素增加了media属性，该属性规定目标URL是为什么类型的媒介/设备进行优化的。只能在 href 属性存在时使用。 hreflang属性与rel属性 为area元素增加了hreflang属性与rel属性，以保持与a元素，link元素的一致。 Sizes属性 为link元素增加了新属性sizes。该属性可以与icon元素结合使用（通过rel属性），该属性指定关联图标（icon元素）的大小。 target属性 为base元素增加了target属性，主要目的是保持与a元素的一致性，同时target元素由于在Web应用程序中，尤其是在与iframe结合使用时，是非常有用的，所以不再是不赞成使用的元素了。 3．其他属性 除了上面介绍的与表单和链接相关的属性外，HTML5还增加了下面的属性： reversed属性 为ol元素增加属性reversed，它指定列表倒序显示。li元素的value属性与ol元素的start属性因为它不是被显示在界面上的，所以不再是不赞成使用的了。 charset属性 为meta元素增加charset属性，因为这个属性已经被广泛支持了，而且为文档的字符编码的指定提供了一种比较良好的方式。 type属性与label属性 为menu元素增加了两个新的属性type与label。label属性为菜单定义一个可见的标注，type属性让菜单可以以上下文菜单，工具条，与列表菜单三种形式出现。 scoped属性 为style元素增加scoped属性，用来规定样式的作用范围，譬如只对页面上某个树起作用。 manifest属性 为html元素增加属性manifest，开发离线Web应用程序时他与API结合使用，定义一个 URL，在这个 URL 上描述文档的缓存信息。 为iframe元素增加三个属性sandbox,seamless与srcdoc,用来提高页面安全性，防止不信任的Web页面执行某些操作。 HTML4中的一些属性在HTML5中不再被使用，而是采用其他属性或其他方案进行替换，具体如表所示。 表2.1 在HTML5中被废除了的属性 2.3.2 废除的属性 在HTML4中使用的属性 使用该属性的元素 在HTML5中的替代方案 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、classid、codebase、codetype、declare、standby object 使用data与type属性类调用插件。需要使用这些属性来设置参数时，使用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样式表替代 compa