HTML5学习笔记简明版(10):废弃的元素和属性
废弃的元素(Element)
这个小节里列出的元素在HTML5里将不再使用。现有文档升级到 HTML5的话能够使用一些替代方案。
比如parser section 能够处理isindex 元素的功能。
以下的元素被废弃的原因是用CSS处理能够更好地替代他们:
- basefont
- big
- center
- font
- strike
- tt
以下的元素被废弃的原因是他们的使用破坏了可使用性和可訪问性:
- frame
- frameset
- 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):废弃的元素和属性的更多相关文章
- [html5] 学习笔记-表单新增的元素与属性(续)
本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...
- HTML5学习笔记简明版(9):变化的元素和属性
改变的元素(Element) 下面元素在HTML5里的使用方法稍作改动以便能在web里更好的使用或者起到更大作用: 没有href属性的a元素将显示成一个占位符,并且a元素内部如今支持flow cont ...
- HTML5学习笔记简明版(1):HTML5介绍与语法
HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分 ...
- HTML5学习笔记简明版(10):过时的元素和属性
被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...
- HTML5学习笔记一:新增主体结构元素
Dreamweaver快捷键: 属性面板:Ctrl+F3 新建文档:Ctrl+N 选择用网页查看:F12 新增的主体结构元素: section元素(例子如下): <!DOCTYPE HTML&g ...
- HTML5学习笔记简明版(5):input的type超级类型
HTML5为input的type类型添加了多种枚举值,用来表达不同的意思.同事具有验证功能,假设格式不正确,浏览器将原始提供错误提示,堪称超级牛X啊,详细例如以下: Keyword Data type ...
- HTML5学习笔记简明版(11):新API
HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口. 这些接口在全部实现了Document接口的元素对象上进行了实现.HTML5在 ...
- HTML5学习笔记简明版(8):新增的全局属性
contenteditable属性 不论什么元素使用contenteditable属性的话,代表该元素是一个可编辑的区域. 用户能够改变元素的内容以及操作标记.比如: <p contentedi ...
- HTML5学习笔记(四)语义元素
语义元素能够清楚的描述其意义给浏览器和开发者. 无语义 元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <tab ...
随机推荐
- iOS开发学习 阶段过程简述
下面就简单介绍一下我iOS开发的感受,也是学习iOS开发的一个体系架构. 1 iOS开发环境 1.1 开发环境 标准的配置是Mac OS X + Xcode. MacOSX的话首选用苹果电脑,macm ...
- RequireJS全面讲解
异步模块定义(AMD) 谈起RequireJS,你无法绕过提及JavaScript模块是什么,以及AMD是什么. JavaScript模块只是遵循SRP(Single Responsibility ...
- Sqoop操作实践
Sqoop操作实践 @(Hadoop) Sqoop常用参命令 序号 命令/command 类 说明 1 impor ImportTool 从关系型数据库中导入数据(来自表或者查询语句)到HDFS中 2 ...
- asp.net购物车,订单以及模拟支付宝支付(二)---订单表
购物车准备完毕之后,就要着手订单表的设计了 表结构如下: T_Orders T_OrderBooks 为什么这里要分为两个表? 仔细想想,现实生活中的发票 特地去网上找了一张,不是很清晰 但是,正常人 ...
- Oracle Database 11.2.0.4.0 已在 中标麒麟Linux x86-64 NeoKylin Linux Advanced Server 6 上通过认证
啥都不说了,上截图:
- Mysql 中文中繁杂的字 插入报错的 解决方案
首先 数据库默认编码选用 utf8 连接字符串也相应改成utf8,不能是gb2312
- javascript - 闭包以及函数
/** * 匿名函数 */ (function () { /** * 是否启用跟踪用户隐私 * * 启用:isPrivacys(true) * 不启用:isPrivacys(false) * */ f ...
- ant design pro 表单
1.Input Enter事件 <input onKeyUp={this.onKeyUp} onPressEnter={this.enter} /> onKeyUp = (e) => ...
- EXTJS4自学手册——图形行为(rotate,scale)
一.旋转图像: { xtype: 'button', text: '旋转的字', handler: function (btn) { Ext.create('Ext.window.Window', { ...
- velcoity使用说明:foreach指令
http://blog.csdn.net/madding/article/details/6641020当在velocity中需要显示一个列表信息,我们会用foreach循环输出, 要求: 假如现在需 ...