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.pswp.cn/news/278854.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/278854.shtml
英文地址,請注明出處:http://en.pswp.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…