html 替代table,Iframe的缺点,div或者table成为替代者
1、在網(wǎng)頁(yè)中使用框架結(jié)構(gòu)最大的弊病是搜索引擎的“蜘蛛”程序無(wú)法解讀這種頁(yè)面。當(dāng)“蜘蛛”程序遇到由數(shù)個(gè)框架組成的網(wǎng)頁(yè)時(shí),它們只看到框架而
無(wú)法找到鏈接,因此它們會(huì)以為該網(wǎng)站是個(gè)死站點(diǎn),并且很快轉(zhuǎn)身離去。對(duì)一個(gè)網(wǎng)站來(lái)說(shuō)這無(wú)異于一場(chǎng)災(zāi)難。
如果你想銷售產(chǎn)品,你需要客戶;如想得到客戶,你首先要讓人們?cè)L問(wèn)你的網(wǎng)站,而要做到這一點(diǎn),你就非求助于搜索引擎不可。你花費(fèi)了大量的時(shí)間、
精力和金錢開(kāi)設(shè)了一家網(wǎng)上商店,卻又故意不讓搜索引擎檢索你,這就好象開(kāi)家零售商店,卻將窗戶全部漆成黑色,而且還不掛任何招牌一樣。
2、框架結(jié)構(gòu)有時(shí)會(huì)讓人感到迷惑,特別是在幾個(gè)框架中都出現(xiàn)上下、左右滾動(dòng)條的時(shí)候。這些滾動(dòng)條除了會(huì)擠占已經(jīng)非常有限的頁(yè)面空間外,還會(huì)分散
訪問(wèn)者的注意力。訪問(wèn)者遇到這種網(wǎng)站往往會(huì)立刻轉(zhuǎn)身離開(kāi)。他們會(huì)想,既然你的主頁(yè)如此混亂,那么網(wǎng)站的其他部分也許更不值得瀏覽。
3、鏈接導(dǎo)航問(wèn)題。使用框架結(jié)構(gòu)時(shí),你必須保證正確設(shè)置所有的導(dǎo)航鏈接,如不然,會(huì)給訪問(wèn)者帶來(lái)很大的麻煩。比如被鏈接的頁(yè)面出現(xiàn)在導(dǎo)航框架
內(nèi),這種情況下訪問(wèn)者便被陷住了,因?yàn)榇藭r(shí)他沒(méi)有其他地方可去。
--------------------------------------------------------------------------------------------------
還是用DIV吧!!過(guò)不了多久HTML5?盛行的時(shí)候?ifame就無(wú)效咯!
如果是僅僅顯示的話,沒(méi)有多大的問(wèn)題。如果采取DIV的話,可以使用ajax,不過(guò)需要跨域,嘗試jsonp;
iframe?維護(hù)方便,但是多了HTTP請(qǐng)求和不必要的網(wǎng)頁(yè)內(nèi)容(iframe里肯定包含
等等的吧),而且自己統(tǒng)計(jì)點(diǎn)擊不方便,而且內(nèi)容不能被搜索引擎抓取;
div?內(nèi)容精簡(jiǎn),統(tǒng)計(jì)點(diǎn)擊方便,可被搜索引擎抓到,但是維護(hù)太麻煩;
iframe?不利于SEO,而且,控制DIV的內(nèi)容,樣式等比控制IFRAME的容易許多。
HTML5中刪除的是frameset,而不是iframe,iframe在HTML5中繼續(xù)被支持,只是只支持src一個(gè)屬性而已。
-----------------------------------------------------------------------
缺點(diǎn):
在網(wǎng)頁(yè)中使用框架結(jié)構(gòu)最大的弊病是搜索引擎的“蜘蛛”程序無(wú)法解讀這種頁(yè)面。當(dāng)“蜘蛛”程序遇到由數(shù)個(gè)框架組成的網(wǎng)頁(yè)時(shí),它們只看到框架而無(wú)法找到鏈
接,因此它們會(huì)以為該網(wǎng)站是個(gè)死站點(diǎn),并且很快轉(zhuǎn)身離去。對(duì)一個(gè)網(wǎng)站來(lái)說(shuō)這無(wú)異于一場(chǎng)災(zāi)難。如果你想銷售產(chǎn)品,你需要客戶;如想得到客戶,你首先要讓人們
訪問(wèn)你的網(wǎng)站,而要做到這一點(diǎn),你就非求助于搜索引擎不可。你花費(fèi)了大量的時(shí)間、精力和金錢開(kāi)設(shè)了一家網(wǎng)上商店,卻又故意不讓搜索引擎檢索你,這就好象開(kāi)
家零售商店,卻將窗戶全部漆成黑色,而且還不掛任何招牌一樣。
優(yōu)點(diǎn):
從上文中我們可以發(fā)現(xiàn),使用ifame框架的弊端是無(wú)法被搜索引擎所爬行抓取。但凡事總是具有兩面性。它的這個(gè)缺點(diǎn)也可能是他的優(yōu)點(diǎn)。利用這一點(diǎn)那我
們就可以把我們站點(diǎn)上一些需要給我們的用戶查看,但是不需要搜索引擎爬行的內(nèi)容用ifame框架進(jìn)行顯示,這樣就可以讓ifram發(fā)揮真正的效果了,而且
有我們站點(diǎn)中的代碼也可以得到很大的精簡(jiǎn),舉一個(gè)例子,就如筆者上文提到的添加微博直播信息,這些微博信息我們并不需要提供給搜索引擎,而我們需要提供的
是與訪客的一個(gè)互動(dòng)的體驗(yàn),如下圖所示,而如果我們使用ifame框架嵌入微博的信息,不僅可以簡(jiǎn)便的添加站點(diǎn)的微博直播平臺(tái),同時(shí)我們看到代碼也十分的
精簡(jiǎn)。
iframe好在能夠把原先的網(wǎng)頁(yè)全部原封不動(dòng)顯示下來(lái),但是如果用在首頁(yè),是搜索引擎最套討厭的.那么你的網(wǎng)站即使做的在好,也排不到好的名次!如
果是動(dòng)態(tài)網(wǎng)頁(yè),用include還好點(diǎn)!但是必須要去除他 的
標(biāo)簽!
框架的優(yōu)點(diǎn)
重載頁(yè)面時(shí)不需要重載整個(gè)頁(yè)面,只需要重載頁(yè)面中的一個(gè)框架頁(yè)(減少了數(shù)據(jù)的傳輸,增加了網(wǎng)頁(yè)下載速度)
方便制作導(dǎo)航欄
框架的缺點(diǎn)
會(huì)產(chǎn)生很多頁(yè)面,不容易管理
不容易打印
瀏覽器的后退按鈕無(wú)效
代碼復(fù)雜,無(wú)法被一些搜索引擎索引到
多數(shù)小型的移動(dòng)設(shè)備(PDA 手機(jī))無(wú)法完全顯示框架
多框架的頁(yè)面會(huì)增加服務(wù)器的http請(qǐng)求
由于上面諸多缺點(diǎn),因此不符合標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)的理念,已經(jīng)被標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)拋棄
提示: 目前框架的所有優(yōu)點(diǎn)完全可以使用Ajax實(shí)現(xiàn),因此已經(jīng)沒(méi)有必要使用框架了。
---------------------------------------------------------------------------------------------------------
talbe布局簡(jiǎn)單,瀏覽器兼容性相當(dāng)高,幾乎所有瀏覽器的效果是一樣的。缺點(diǎn)是:下載速度慢,不容易被搜索引擎捕捉到信息。
div布局靈活,有利于被搜索引擎抓取,能提高頁(yè)面下載速度。缺點(diǎn):各個(gè)瀏覽器效果可能不一樣,甚至是各個(gè)版本的瀏覽器不一樣。還不夠穩(wěn)定。不過(guò)現(xiàn)在IE8 火狐3.0以上已經(jīng)慢慢都統(tǒng)一成W3C標(biāo)準(zhǔn),這個(gè)是主流趨勢(shì)。
frame,分frameset 和iframe。現(xiàn)在frameset一般用于后臺(tái)和論壇,其他地方很難見(jiàn)到了。它的好處是結(jié)構(gòu)清楚,分明。一般是左邊是相應(yīng)標(biāo)題,右邊是顯示內(nèi)容。缺點(diǎn)是需要寫多個(gè)頁(yè)面。現(xiàn)在通過(guò)div+css樣式 和其他技能已經(jīng)可以替代frameset.
反而是iframe用的比較多。比如網(wǎng)頁(yè)為了統(tǒng)一風(fēng)格。頭部和版本都是一樣的。就可以寫成一個(gè)頁(yè)面,用iframe來(lái)嵌套。增加代碼的可重用。還有就是直接嵌套站外的網(wǎng)站等等。比較靈活。
三則相比,各有優(yōu)缺點(diǎn)。不過(guò)現(xiàn)在div是主流和走向。table在表單布局,還有一些規(guī)整的地方也用。frameset除了手臺(tái)用的比較少,iframe反而用的多。
隨著技術(shù)成熟div是主流技術(shù)。table很危險(xiǎn)呵。我看現(xiàn)在好多表單都在用div布局。
--------------------------------------------------------------
table,操作復(fù)雜,代碼多,瀏覽器的兼容性不好,載入速度慢;
iframe較frame常用且實(shí)用,但是iframe之間,子父窗口之間的交互傳遞和控制很復(fù)雜。
div,確實(shí)是時(shí)代的主流,優(yōu)點(diǎn)嗎,上面大家都說(shuō)了,不贅述!
-------------------------------------------------------
表格可以清晰得表現(xiàn)數(shù)據(jù),但是如果用于網(wǎng)頁(yè)的布局或者其他,它就會(huì)很麻煩,呈現(xiàn)出表格套表格的樣子,而且代碼很多! div css可以減少代碼,減少服務(wù)器負(fù)擔(dān)。
總結(jié)
以上是生活随笔為你收集整理的html 替代table,Iframe的缺点,div或者table成为替代者的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: html中怎么获取搜索框中的值,百度AP
- 下一篇: html5结构与表现分离原则,网页简单布