HTML iframe 用法總結收藏
2019-10-26 17:24:20
供稿:網友
Iframe用法精析
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>
<IFRAME>用于設置文本或圖形的浮動圖文框或容器。
BORDER
<IFRAME BORDER="3"></IFRAME>
設定圍繞圖文框的邊緣寬度
FRAMEBODER
<IFRAME FRAMEBODER="0"></IFRAME>
設置邊框是不否為3維(0=否,1=是)
HEIGHT,WIDTH
<IFRAME HEIGHT="31" WIDTH="88"></IFRAME>
設質邊框的寬度和高度
SCROLLING
<IFRAME SCROLLING="NO"></IFRAME>
是否有滾動條(YES,NO,AUTO)
SRC
<IFRAME SRC="GIRL.GIF"></IFRAME>
指定IFRAME調用的文件或圖片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)
“畫中畫”效果--談IFRAME標簽的使用
縱觀時下網站,本來網速就有些慢,可是幾乎每頁都要放什么Banner,欄目圖片,版權等一大堆雷同的東西,當然,出于網站風格統一、廣告效應的需要,本無可厚非,可畢竟讓用戶的錢包為這些“點綴“的東西”日益消得錢憔悴”了,有沒有辦法,讓這些雷同的東西一次下載后就不用再下載,而只下載那些內容有變化區域的網頁內容呢?
答案很肯定:應用Iframe標記!
一、Iframe標記的使用
提起Iframe,可能你早已將之扔到“被遺忘的角落”了,不過,說起其兄弟Frame就不會陌生了。Frame標記即幀標記,我們所說的多幀結構就是在一個瀏覽器窗口中顯示多個HTML文件。現在,我們遇到一種很現實的情況:如有一個教程,是一節一節地上,每頁末尾做一個“上一節“、“下一節“的鏈接,除了每節教程內容不同之外,頁面其它部分內容都是相同的,如果一頁一頁地做笨頁面,這似乎太讓人厭煩了,這時突發奇想,如果有一種方法讓頁面其它地方不變,只將教程做成一頁一頁的內容頁,不含其它內容,在點擊上下翻頁鏈接時,只改變教程內容部分,其它保持不變,這樣,一是省時,另則以后如教程有個三長兩短的變動,也很方便,不致于牽一發而動全軍了;更重要的是將那些廣告Banner、欄目列表、導航等幾乎每頁的都有的東西只下載一次后就不再下載了。 Iframe標記,又叫浮動幀標記,你可以用它將一個HTML文檔嵌入在一個HTML中顯示。它不同于Frame標記最大的特征即這個標記所引用的 HTML文件不是與另外的HTML文件相互獨立顯示,而是可以直接嵌入在一個HTML文件中,與這個HTML文件內容相互融合,成為一個整體,另外,還可以多次在一個頁面內顯示同一內容,而不必重復寫內容,一個形象的比喻即“畫中畫“電視。
現在我們談一下Iframe標記的使用。