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