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