您当前位置:首页 > 文章中心 > HTML5+CSS3 > HTML5

HTML5废弃的元素和属性

稿件来源: 互联网   撰稿作者: 太阳光   发表日期: 2013-10-08   阅读次数: 658   查看权限: 游客查看

这里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话可以使用一些替代方案。例如parser section 可以处理isindex 元素的功能。

下面的元素被废弃的原因是用CSS处理可以更好地替代他们:

  1. basefont
  2. big
  3. center
  4. font
  5. strike
  6. tt

下面的元素被废弃的原因是他们的使用破坏了可使用性和可访问性:

  1. frame
  2. frameset
  3. noframes

下面的元素被废弃的原因是不经常使用他们,也会引起混乱,而且其它元素也可以很好地实现他们的功能:

  • acronym被废弃是因为它经常使页面错乱,可以使用abbr代替
  • applet被废弃是因为可以使用object代替
  • isindex被废弃是因为使用表单控件代替
  • dir被废弃是因为使用ul代替

最后,noscript元素只能在HTML里使用,而不能在XML里使用。

废除的属性

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、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

 

新增其他属性
  • 为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页面执行某些操作。

关键词: html5,element,元素属性   编辑时间: 2013-10-08 9:36:19

  • 感到高兴

    5

    高兴
  • 感到支持

    0

    支持
  • 感到搞笑

    0

    搞笑
  • 感到不解

    0

    不解
  • 感到谎言

    0

    谎言
  • 感到枪稿

    0

    枪稿
  • 感到震惊

    0

    震惊
  • 感到无奈

    0

    无奈
  • 感到无聊

    0

    无聊
  • 感到反对

    0

    反对
  • 感到愤怒

    0

    愤怒
100%(1)
0%(0)
共有0 条评论 发言请遵守【相关规定

网友评论

会员头像
发 表同步腾讯微博    验证码:  点击更新请先登陆
  • 暂无评论
关闭模块文章图片 article Pictrue
  • 我的妈妈爸爸
  • 基于koa2+mysql+vue2.0+Element阳光内容管理系统
  • 代码覆盖率工具 Istanbul 入门教程
  • 全栈工程师的武器——MEAN
  • 9款超炫的 CSS3 复选框(Checkbox)
  • 微信开发在线翻译功能
  • CSS3那些不为人知的高级属性
  • 给easyui的datebox添加清空事件
  • flash写字效果
  • kendoUI系列教程之DropDownList下拉菜单
  • kendoUI系列教程之datetimepicker日期时间选择
  • kendoUI系列教程之datepicker日期选择
  • kendoUI系列教程之combobox下拉列表框
  • kendoUI系列教程之colorpicker
  • kendoUI系列教程之calendar日历表
  • kendoUI系列教程之autocomplete自动补齐