废弃的元素(Element)

这个小节里列出的元素在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里使用。

废弃的属性(Attribute)

HTML4里的一些属性不会再被同意在HTML5里使用了,规范里具体说明了怎样处理现有的文档,而且以后新文档不能再使用这些属性。由于他们会标记成不合法的属性。

HTML5的规范里有对这些属性的取代方案。点击訪问

ID

相应元素

属性名称

01

link, a

rev, charset

02

a

shape, coords

03

img, iframe

longdesc

04

link

target

05

area

nohref

06

head

profile

07

html

version

08

img

name

09

meta

scheme

10

object

archive, classid, codebase, codetype, declare, standby

11

param

valuetype, type

12

td, th

axis, abbr

13

td

scope

14

table

summary

另外, 在HTML5里。下面元素的视觉属性也将被废弃,由于这些功能可用CSS来实现:

ID

相应元素

属性名称

01

caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr

align

02

body

alink, link, text, vlink

03

body

background

04

table, tr, td, th, body

bgcolor

05

object

border

06

table

cellpadding, cellspacing

07

col, colgroup, tbody, td, tfoot, th, thead, tr

char, charoff

08

br

clear

09

dl, menu, ol, ul

compact

10

table

frame

11

iframe

frameborder

12

td, th

height

13

img, object

hspace, vspace

14

iframe

marginheight, marginwidth

15

hr

noshade

16

td, th

nowrap

17

table

rules

18

iframe

scrolling

19

hr

size

20

li, ol, ul

type

21

col, colgroup, tbody, td, tfoot, th, thead, tr

valign

22

hr, table, td, th, col, colgroup, pre

width


HTML5学习笔记简明版(10):废弃的元素和属性的更多相关文章

  1. [html5] 学习笔记-表单新增的元素与属性(续)

    本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...

  2. HTML5学习笔记简明版(9):变化的元素和属性

    改变的元素(Element) 下面元素在HTML5里的使用方法稍作改动以便能在web里更好的使用或者起到更大作用: 没有href属性的a元素将显示成一个占位符,并且a元素内部如今支持flow cont ...

  3. HTML5学习笔记简明版(1):HTML5介绍与语法

    HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分 ...

  4. HTML5学习笔记简明版(10):过时的元素和属性

    被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...

  5. HTML5学习笔记一:新增主体结构元素

    Dreamweaver快捷键: 属性面板:Ctrl+F3 新建文档:Ctrl+N 选择用网页查看:F12 新增的主体结构元素: section元素(例子如下): <!DOCTYPE HTML&g ...

  6. HTML5学习笔记简明版(5):input的type超级类型

    HTML5为input的type类型添加了多种枚举值,用来表达不同的意思.同事具有验证功能,假设格式不正确,浏览器将原始提供错误提示,堪称超级牛X啊,详细例如以下: Keyword Data type ...

  7. HTML5学习笔记简明版(11):新API

    HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口. 这些接口在全部实现了Document接口的元素对象上进行了实现.HTML5在 ...

  8. HTML5学习笔记简明版(8):新增的全局属性

    contenteditable属性 不论什么元素使用contenteditable属性的话,代表该元素是一个可编辑的区域. 用户能够改变元素的内容以及操作标记.比如: <p contentedi ...

  9. HTML5学习笔记(四)语义元素

    语义元素能够清楚的描述其意义给浏览器和开发者. 无语义 元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <tab ...

随机推荐

  1. Git -- git中本地与远程库的关联与取消

    1.在本地目录下关联远程repository : git remote add origin git@github.com:git_username/repository_name.git 2.取消本 ...

  2. Coherence对象压缩以及对象大小计算

    1.通过util.zip带的gzip压缩程序  Coherence对象压缩程序如下 package coherencetest; import com.tangosol.net.CacheFactor ...

  3. wireshark----教你怎样抓包

    wireshark----教你怎样抓包 wireshark是一款强大的抓包工具,走过路过一定不要错过就是了,当你学习TCP/IP协议的时候,学习使用wireshark抓包正是理论联系实际最好的方法,先 ...

  4. Calendar抽象类返回自己和Integer.TYPE和int.class

    public class Calend { public static void main(String[] args) { Calendar cal=Calendar.getInstance();/ ...

  5. Invalidate、RedrawWindow与UpdateWindow的差别

    一:什么时候才会发生重绘窗体的消息?       当须要更新或又一次绘制窗体的外观时,应用程序就会发送WM_PAINT消息. 对窗体进行又一次绘制. 二:Invalidate() -- RedrawW ...

  6. Yii2 关于时间格式的用法

    先添加配置文件: 'language' => 'zh-CN', 'timeZone' => 'Asia/Shanghai', 'components' => [ 'formatter ...

  7. Spark导论(Spark自学一)

    1.1 Spark是什么? Spark是一个用来实现快速而通用的集群计算的平台. 1.2 一个大一统的软件栈 Spark项目包含多个紧密集成的组件. 1.2.1 Spark Core Spark Co ...

  8. windowsclient开发--依据可下载url另存为文件(微信windowsclient这样做的)

    能够我的blog的标题会让你误解,那么好,没图说了xx: 比方微信windowsclient发送了一张图片,我们能够预览这张图片,还能够保存到本地: 那么windows程序是怎样下载这张图片的呢? 是 ...

  9. 图解avaScript中this指向(超透彻)

    一个图讲清楚JavaScript中this指向: 说明: (1)严格模式下,禁止this关键字指向全局对象会报错. (2)闭包中的this对象具有全局性,因此通常指向window.  (3)优先级:n ...

  10. mac下配置adb

    博主近期搞了台macbook用,搞android开发爽多了.程序编译那个速度确实让我感到非常爽.尤其是在之前用windows时动辄启动eclipse几分钟,编译又花非常久的情况下,可是用了mac发现a ...