html 替代table,Iframe的缺点,div或者table成为替代者

1、在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面。当“蜘蛛”程序遇到由数个框架组成的网页时,它们只看到框架而

无法找到链接,因此它们会以为该网站是个死站点,并且很快转身离去。对一个网站来说这无异于一场灾难。

如果你想销售产品,你需要客户;如想得到客户,你首先要让人们访问你的网站,而要做到这一点,你就非求助于搜索引擎不可。你花费了大量的时间、

精力和金钱开设了一家网上商店,却又故意不让搜索引擎检索你,这就好象开家零售商店,却将窗户全部漆成黑色,而且还不挂任何招牌一样。

2、框架结构有时会让人感到迷惑,特别是在几个框架中都出现上下、左右滚动条的时候。这些滚动条除了会挤占已经非常有限的页面空间外,还会分散

访问者的注意力。访问者遇到这种网站往往会立刻转身离开。他们会想,既然你的主页如此混乱,那么网站的其他部分也许更不值得浏览。

3、链接导航问题。使用框架结构时,你必须保证正确设置所有的导航链接,如不然,会给访问者带来很大的麻烦。比如被链接的页面出现在导航框架

内,这种情况下访问者便被陷住了,因为此时他没有其他地方可去。

--------------------------------------------------------------------------------------------------

还是用DIV吧!!过不了多久HTML5 盛行的时候 ifame就无效咯!

如果是仅仅显示的话,没有多大的问题。如果采取DIV的话,可以使用ajax,不过需要跨域,尝试jsonp;

iframe 维护方便,但是多了HTTP请求和不必要的网页内容(iframe里肯定包含

等等的吧),而且自己统计点击不方便,而且内容不能被搜索引擎抓取;

div 内容精简,统计点击方便,可被搜索引擎抓到,但是维护太麻烦;

iframe 不利于SEO,而且,控制DIV的内容,样式等比控制IFRAME的容易许多。

HTML5中删除的是frameset,而不是iframe,iframe在HTML5中继续被支持,只是只支持src一个属性而已。

-----------------------------------------------------------------------

缺点:

在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面。当“蜘蛛”程序遇到由数个框架组成的网页时,它们只看到框架而无法找到链

接,因此它们会以为该网站是个死站点,并且很快转身离去。对一个网站来说这无异于一场灾难。如果你想销售产品,你需要客户;如想得到客户,你首先要让人们

访问你的网站,而要做到这一点,你就非求助于搜索引擎不可。你花费了大量的时间、精力和金钱开设了一家网上商店,却又故意不让搜索引擎检索你,这就好象开

家零售商店,却将窗户全部漆成黑色,而且还不挂任何招牌一样。

优点:

从上文中我们可以发现,使用ifame框架的弊端是无法被搜索引擎所爬行抓取。但凡事总是具有两面性。它的这个缺点也可能是他的优点。利用这一点那我

们就可以把我们站点上一些需要给我们的用户查看,但是不需要搜索引擎爬行的内容用ifame框架进行显示,这样就可以让ifram发挥真正的效果了,而且

有我们站点中的代码也可以得到很大的精简,举一个例子,就如笔者上文提到的添加微博直播信息,这些微博信息我们并不需要提供给搜索引擎,而我们需要提供的

是与访客的一个互动的体验,如下图所示,而如果我们使用ifame框架嵌入微博的信息,不仅可以简便的添加站点的微博直播平台,同时我们看到代码也十分的

精简。

iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最套讨厌的.那么你的网站即使做的在好,也排不到好的名次!如

果是动态网页,用include还好点!但是必须要去除他 的

标签!

框架的优点

重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,增加了网页下载速度)

方便制作导航栏

框架的缺点

会产生很多页面,不容易管理

不容易打印

浏览器的后退按钮无效

代码复杂,无法被一些搜索引擎索引到

多数小型的移动设备(PDA 手机)无法完全显示框架

多框架的页面会增加服务器的http请求

由于上面诸多缺点,因此不符合标准网页设计的理念,已经被标准网页设计抛弃

提示: 目前框架的所有优点完全可以使用Ajax实现,因此已经没有必要使用框架了。

---------------------------------------------------------------------------------------------------------

talbe布局简单,浏览器兼容性相当高,几乎所有浏览器的效果是一样的。缺点是:下载速度慢,不容易被搜索引擎捕捉到信息。

div布局灵活,有利于被搜索引擎抓取,能提高页面下载速度。缺点:各个浏览器效果可能不一样,甚至是各个版本的浏览器不一样。还不够稳定。不过现在IE8 火狐3.0以上已经慢慢都统一成W3C标准,这个是主流趋势。

frame,分frameset 和iframe。现在frameset一般用于后台和论坛,其他地方很难见到了。它的好处是结构清楚,分明。一般是左边是相应标题,右边是显示内容。缺点是需要写多个页面。现在通过div+css样式 和其他技能已经可以替代frameset.

反而是iframe用的比较多。比如网页为了统一风格。头部和版本都是一样的。就可以写成一个页面,用iframe来嵌套。增加代码的可重用。还有就是直接嵌套站外的网站等等。比较灵活。

三则相比,各有优缺点。不过现在div是主流和走向。table在表单布局,还有一些规整的地方也用。frameset除了手台用的比较少,iframe反而用的多。

随着技术成熟div是主流技术。table很危险呵。我看现在好多表单都在用div布局。

--------------------------------------------------------------

table,操作复杂,代码多,浏览器的兼容性不好,载入速度慢;

iframe较frame常用且实用,但是iframe之间,子父窗口之间的交互传递和控制很复杂。

div,确实是时代的主流,优点吗,上面大家都说了,不赘述!

-------------------------------------------------------

表格可以清晰得表现数据,但是如果用于网页的布局或者其他,它就会很麻烦,呈现出表格套表格的样子,而且代码很多! div css可以减少代码,减少服务器负担。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值