用iFrame標記加速網頁開啟速度

縱觀時下網站，本來網速就有些慢，可是幾乎每頁都要放什麼Banner，欄目圖片，著作權等一大堆雷同的東西，當然，出於網站風格統一、廣告效應的需要，本無可厚非，可畢竟讓使用者的錢包為這些“點綴“的東西”日益消得錢憔悴”了，有沒有辦法，讓這些雷同的東西一次下載後就不用再下載，而只下載那些內容有變化地區的網頁內容呢？

答案很肯定:應用Iframe標記！

一、Iframe標記的使用

提起Iframe，可能你早已將之扔到“被遺忘的角落”了，不過，說起其兄弟Frame就不會陌生了。Frame標記即幀標記，我們所說的多幀結構就是在一個瀏覽器視窗中顯示多個HTML檔案。現在，我們遇到一種很現實的情況：如有一個教程，是一節一節地上，每頁末尾做一個“上一節“、“下一節“的連結，除了每節教程內容不同之外，頁面其它部分內容都是相同的，如果一頁一頁地做笨頁面，這似乎太讓人厭煩了，這時突發奇想，如果有一種方法讓頁面其它地方不變，只將教程做成一頁一頁的內容頁，不含其它內容，在點擊上下翻頁連結時，只改變教程內容部分，其它保持不變，這樣，一是省時，另則以後如教程有個三長兩短的變動，也很方便，不致於牽一髮而動全軍了;更重要的是將那些廣告Banner、欄目列表、導航等幾乎每頁的都有的東西只下載一次後就不再下載了。

Iframe標記，又叫浮動幀標記，你可以用它將一個HTML文檔嵌入在一個HTML中顯示。它不同於Frame標記最大的特徵即這個標記所引用的HTML檔案不是與另外的HTML檔案相互獨立顯示，而是可以直接嵌入在一個HTML檔案中，與這個HTML檔案內容相互融合，成為一個整體，另外，還可以多次在一個頁面內顯示同一內容，而不必重複寫內容，一個形象的比喻即“畫中畫“電視。

現在我們談一下Iframe標記的使用。

Iframe標記的使用格式是:

<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>

src：檔案的路徑，既可是HTML檔案，也可以是文本、ASP等；

width、height："畫中畫"地區的寬與高；

scrolling:當SRC的指定的HTML檔案在指定的地區不顯不完時，滾動選項，如果設定為NO，則不出現捲軸；如為Auto：則自動出現捲軸；如為Yes，則顯示;

FrameBorder：地區邊框的寬度，為了讓“畫中畫“與鄰近的內容相融合，常設定為0。

比如:

<Iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe>