为纪念那些html5丢弃的标签
2013-05-26 18:37
232 查看
HTML5在引入新标签的同时,废弃了不少常见元素,大概分为以下几类: 第一类:表现性元素
basefont //为文档中的所有文本定义默认字体颜色、字体大小和字体系列,只有ie支持,相信大家是很少用吧。
big //呈现粗体文本效果。
center //已经用css来定义了。
font //用法是<font size="3" color="red">This is some text!</font>,不过已经不这样用了。
s //曾经用来定义加删除线文本定义。
strike //即是上面那个的缩写。
tt //曾经用来呈现类似打字机或者等宽的文本效果.
u //曾经用来定义下划线。
可以看出,如今是能在css中定义的就不要在html结构中定义,做到表现和结构分离,所以建议用语义正确的元素代替他们,并使用CSS来确保渲染后的效果。
第二类:框架类元素
因框架有很多可用性及可访问性问题,HTML5规范将以下元素移除。
frame
frameset
noframes //用来定义针对不支持框架的用户的替代内容。
但html5支持iframe,还有iframe如今还是挺多人用的哦。
第三类:属性类
很多表现性的属性也被新规范移除,如下:
align //不在html结构中用
body标签上的link、vlink、alink、text属性
bgcolor
height和width
iframe元素上的scrolling属性 //曾经用来判断是否在iframe 中显示滚动条。
valign //曾经用来设定对行的垂直对齐方式
hspace和vspace
table标签上的cellpadding、cellspacing和border属性
header标签上的profile属性
链接标签a上的target属性
img和iframe元素的longdesc属性
第四类:其他
abbr取代acronym(用于表示缩写)
object取代了applet //嵌入媒体
ul取代了dir //还有就是如今要顶一个列表基本使用ul、dl、ol。
basefont //为文档中的所有文本定义默认字体颜色、字体大小和字体系列,只有ie支持,相信大家是很少用吧。
big //呈现粗体文本效果。
center //已经用css来定义了。
font //用法是<font size="3" color="red">This is some text!</font>,不过已经不这样用了。
s //曾经用来定义加删除线文本定义。
strike //即是上面那个的缩写。
tt //曾经用来呈现类似打字机或者等宽的文本效果.
u //曾经用来定义下划线。
可以看出,如今是能在css中定义的就不要在html结构中定义,做到表现和结构分离,所以建议用语义正确的元素代替他们,并使用CSS来确保渲染后的效果。
第二类:框架类元素
因框架有很多可用性及可访问性问题,HTML5规范将以下元素移除。
frame
frameset
noframes //用来定义针对不支持框架的用户的替代内容。
但html5支持iframe,还有iframe如今还是挺多人用的哦。
第三类:属性类
很多表现性的属性也被新规范移除,如下:
align //不在html结构中用
body标签上的link、vlink、alink、text属性
bgcolor
height和width
iframe元素上的scrolling属性 //曾经用来判断是否在iframe 中显示滚动条。
valign //曾经用来设定对行的垂直对齐方式
hspace和vspace
table标签上的cellpadding、cellspacing和border属性
header标签上的profile属性
链接标签a上的target属性
img和iframe元素的longdesc属性
第四类:其他
abbr取代acronym(用于表示缩写)
object取代了applet //嵌入媒体
ul取代了dir //还有就是如今要顶一个列表基本使用ul、dl、ol。
相关文章推荐
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- HTML5探索一(那些新增的标签和属性)
- html5新属性contenteditable 对于那些不可编辑的标签,现在都可以编辑了
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- 别再留恋:那些被 HTML5 弃置的旧标签
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- 移动端—HTML5手机网页需要加的那些meta/link标签,H5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- HTML5 那些离我们远去的HTML标签, 废弃的HTML5标签
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- 【待续】【HTML5】用Canvas标签创建第一张条线图
- 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法