盘点那些html5中的废除标签

本文是关于HTML5废弃标签的盘点,以下是大致内容:1、basefont,用于定义文档中所有文本的默认颜色、大小和字体;2、big,用来制作更大的文本;3、font,规定文本的字体、字体尺寸、字体颜色;4、s,对那些不正确、不准确或者没有用的文本进行标识;5、strike,定义加删除线文本;6、tt,定义打字机文本;7、u,定义下划线文本;8、frameset,定义一个框架集;9、dir,定义目录列表。

本文适用于windows7系统、CSS3&&HTML5版、Dell G3电脑。

盘点那些html5中的废除标签

1、可以使用CSS替代的标签

在html5之前的一些标签中,有一部分标签纯粹是用做显示效果的标签。二H5延续了内容与表现分离,对于显示效果更多的交给CSS完成。所以在这方面废弃的标签有:、、、、、、

●:定义文档中所有文本的默认颜色、大小和字体。

●:用来制作更大的文本。

●:规定文本的字体、字体尺寸、字体颜色。

●:对那些不正确、不准确或者没有用的文本进行标识。

该标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本,请使用 标签。

●:定义加删除线文本。

●:定义打字机文本。

●:定义下划线文本。

2、不再支持frame框架

由于frame框架对页面可用性存在负面影响,因此在HTML5中不在支持frame框架,但是支持iframe框架。所以H5中废弃了frame框架的、、

●:定义一个框架集。

○frameset元素被用来组织一个或者多个 元素。每个 有各自独立的文档。

○vframeset元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。

●:定义 中的子窗口(框架)。

●:可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。

noframes元素插入在 元素中使用。

3、其他废弃标签

其他被废弃的标签主要是因为有了更好的替代方案。

只有个别浏览器支持的标签

bgsound背景音乐,blink文字闪烁,marquee文字滚动,applet

补充内容:重新定义的html标签

●:代表内联文本,通常是粗体,没有传递表示重要的意思。

●:代表内联文本,通常斜体,没有传递表示重要的意思。

●:可以和details与figure一同使用,定义包含文本,djalog也可用

●:可以和details与figure一同使用,汇总细节,dialog也可用

●:重新定义用户界面的菜单,配合commond或者menuitem使用

●:表示小字体,例如打印注释或者法律条款

●:表示重要性而不是强调符号

标签其中的一个值

在写jsp的过程中往往会出现多个相同的标签,但我们只要取其中之一,由于有时候标签数量过多,不可能都会去用id去区分每个标签的,这样代码量会很大,灵活性太差了。

HTML代码:

长宁 崇明 奉贤 虹口 黄浦 嘉定 金山 静安 卢湾 闵行 浦东 普陀 青浦 松江 徐汇 杨浦 闸北 其他

这里就需要简洁的实现了,这里主要是运用jquery插件

js代码:

$("a").live("click",function(){
       var text =$(this).text();//这里是获取点击某一个标签的text值
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //这里是给某个标签赋值			
	});

但是“a.childNodes[0].data ” 在这里,并不是所有的浏览器都支持,比如:ie6 就不支持。为了浏览器兼容,这里可以选择最原始的方法“document.getElementById(id).innerHTML(text)”,这个是基本支持全部浏览器的;还可以使用jquery:“$("#id").html(text)”。

如果要显示不同div里的标签的时候,可以给该div定义一个ID 然后通过DIV 的id来获取相应的值

$("#divid a").live("click",function(){
       var text =$(this).text();//这里是获取点击某一个标签的text值
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //这里是给某个标签赋值			
	});

本站内容来自用户投稿,如果侵犯了您的权利,请与我们联系删除。联系邮箱:835971066@qq.com

本文链接:http://news.xiuzhanwang.com/post/3110.html

发表评论

评论列表

还没有评论,快来说点什么吧~

友情链接: