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可以减少代码,减少服务器负担。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/278854.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

uac2.0驱动_关闭Vista中令人讨厌的HP驱动程序UAC弹出更新检查

uac2.0驱动If you are using Vista and have an HP printer, especially of the All-In-One variety, you’ve probably noticed that once a week or so you get this obnoxious User Account Control popup dialog out of the blue asking for permission to run some Hewlet…

一 流程控制之if判断

既然我们编程的目的是为了控制计算机能够像人脑一样工作,那么人脑能做什么,就需要程序中有相应的机制去模拟。人脑无非是数学运算和逻辑运算,对于逻辑运算,即人根据外部条件的变化而做出不同的反映,比如: 1 如果&#…

nodejs 30行代码 爬豆瓣电影数据

##用nodejs 写爬虫 关键模块:cheerio、http,request。 consonl.log() 出来的数据 首先安装相关的模块: //我用了某宝的镜像安装 原来是 npm,-g 可以根据自己情况是全局按装还是局域安装 cnpm install -g jquerycnpm install -g cheerioc…

html5结构与表现分离原则,网页简单布局之结构与表现原则分享

一般来说html结构 css表现 javascrip行为,网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析。结构与表现相关内容简介html结构 css表现…

如何在Firefox 3中重新启用about:config警告消息

If you’ve spent any time tweaking Firefox 3, you’ve probably seen the warning message telling you that you probably shouldn’t be changing any settings. Thankfully you can remove the checkbox and make the message go away… but what if you wanted it back?…

iaas层次化结构--从业务需求到设计需求

转载于:https://www.cnblogs.com/anc-ox/p/10004571.html

清华经管计算机金融专业,非量化背景拿下MIT MFin的清华经管学姐,详解MIT金融项目优劣和职业方向...

学员背景清华大学 经管学院主要获录Offer麻省理工大学金融硕士MIT MFin哥伦比亚大学公共管理硕士Columbia MPA来自清华经管F学姐,以非量化背景成功斩获MIT金融和哥大MPA项目。她与大家分享了MIT金融项目的特色、优劣势、录取信息和未来的职业方向,同时也…

保存页面供以后使用Firefox的阅读列表扩展

I spend an enormous amount of time browsing the web looking for new ideas to write about, so one of the biggest problems for me is tagging articles for more careful reading later. Also, I’m sure any moment I’m going to reach a page that says “You’ve re…

使用EHCache需要注意的几个问题(转)

最近做一个小项目,需要对一批数据进行缓存,且要求持久化到磁盘。使用ehcache非常简单和直观,一般来说只需要配置ehcache.xml文件,接着直接使用Cacheable, Cacheput, CacheEvict即可。 三个注解的意思也很简单,这里就不…

MySQL的常见存储引擎介绍与参数设置调优(转载)

原文地址:http://www.cnblogs.com/demon89/p/8490229.htmlMySQL常用存储引擎之MyISAM特性:1、并发性与锁级别2、表损坏修复check table tablenamerepair table tablename3、MyISAM表支持的索引类型①、全文索引②、前缀索引4、MyISAM表支持数据压缩myisa…

计算机网络udp实验时间戳请求报文与应答报文的表格填写,自考计算机网络管理历年(2007.1-2013.1)试题及答案(标有页码)...

33.假设某RMON MONTIOR矩阵组的matrixSDTable和matrixDSTable的内容如下表1和表2所示。表1. matrixSDTbalematirxSDSourceAddress matrixSDDestAddress matrixSDPkts m,atrixSDOctests matrixSDError 008000AB1258 00A0C5BA9C02 1274 1697133 11 ……………表2. matrixDSTablem…

如何在Twitter上阻止令人讨厌的“今日热门新闻@yourname”垃圾邮件

Lately I’ve noticed an annoying trend on Twitter—people constantly spamming your replies feed with these posts saying that you were the top story on somebody’s feed. Very irritating, but here’s how to get rid of it. 最近,我注意到Twitter上有一…

蕾丝的选购和保养秘诀

维秘柔情内裤性感/舒适/健康/透气 复制代码 维秘柔情不仅仅是商品质材料和考究的设计,更是一个坚守生活美学的理念,总有一款维秘柔情告诉你的身体密码。从此之前所用,皆为将就。从此之前所见,皆为平常。 在内裤不再是遮掩的这个时…

Python -bs4介绍

https://cuiqingcai.com/1319.html Python -BS4详细介绍Python 在处理html方面有很多的优势,一般情况下是要先学习正则表达式的.在应用过程中有很多模块是非常方便的,先尝试使用BeautifulSoup和Urllib进行网页的处理,仅供学习.首先列举所需要导入的模块:from bs4 import Beauti…

广东工业大学计算机学院书记,计算机学院召开2018年工作总结大会

单 位:计算机学院2019年1月8日上午,计算机学院在工学一号馆216会议室召开了学年工作总结大会。会议由学院陈平华副院长主持。会上,郭维喜书记对过去一学年学院各项工作给予了肯定,并从党的建设、意识形态工作、思想宣传工作、师德…

Numpy的常用方法

NumPy是用Python进行科学计算的基本软件包。它包含以下内容: 一个强大的N维数组对象复杂的(广播)功能用于集成C / C 和Fortran代码的工具有用的线性代数,傅里叶变换和随机数能力除了明显的科学用途外,NumPy还可以用作通…

vista任务栏透明_增加Windows Vista任务栏预览大小的赏金(付费!)

vista任务栏透明Ever since Windows Vista came out, I’ve been trying to figure out how to increase the size of the tiny Windows Vista taskbar preview windows. I’ve scoured the registry, used process monitor to try and find hidden registry keys, and looked …

Netty原理分析

Netty是一个高性能、异步事件驱动的NIO框架,它提供了对TCP、UDP和文件传输的支持,作为一个异步NIO框架,Netty的所有IO操作都是异步非阻塞的,通过Future-Listener机制,用户可以方便的主动获取或者通过通知机制获得IO操作…

福州大学计算机学院董晨老师,福州大学代表队高分斩获第三届福建省高校网络空间安全大赛冠军...

新闻中心讯/10月27日,由福建省教育厅、福建省网络与信息安全协调小组办公室主办的“百越杯”第三届福建省高校网络空间安全大赛在福州圆满落幕,福州大学三支代表队揽获本届大赛的冠军暨特等奖、二等奖和三等奖。本次省赛福州大学派出的代表队由数学与计算…

用uid分库,uname上的查询怎么办?

2019独角兽企业重金招聘Python工程师标准>>> 【缘起】 用户中心是几乎每一个公司必备的基础服务,用户注册、登录、信息查询与修改都离不开用户中心。 当数据量越来越大时,需要多用户中心进行水平切分。最常见的水平切分方式,按照u…