經常和網站打交道或者經常建站的朋友對iframe肯定不陌生,網站有了iframe會變得更加美觀、大氣。對于初涉互聯網的新手來說,iframe并不熟悉,那么iframe到底是什么?iframe用法有哪些呢?
iframe是什么
iframe就是我們常用的iframe標簽:<iframe>。iframe標簽是框架的一種形式,也比較常用到,iframe一般用來包含別的頁面,例如我們可以在我們自己的網站頁面加載別人網站或者本站其他頁面的內容。iframe標簽的最大作用就是讓頁面變得美觀。iframe標簽的用法有很多,主要區別在于對iframe標簽定義的形式不同,例如定義iframe的長寬高。
iframe用法詳解
首先需要了解iframe標簽的寫法,和大多HTML標簽寫法相同,iframe標簽輸入形式為:<iframe>和</iframe>。以<iframe>開頭,以</iframe>結尾,將需要的文本內容添加到兩個標簽之間即可。iframe標簽內的內容可以做為瀏覽器不支持iframe標簽時顯示。
iframe標簽的屬性
align:left、right、top、middle、bottom。用于規定如何根據周圍的元素來對齊此框架。不贊成使用。請使用樣式代替。
frameborder:1、0。用于規定是否顯示框架周圍的邊框。
height:pixels、%。用于規定iframe的高度。
longdesc:URL。規定一個頁面,該頁面包含了有關iframe的較長描述。
marginheight:pixels。定義iframe的頂部和底部的邊距。
marginwidth:pixels。定義iframe的左側和右側的邊距。
name:frame_name。規定iframe的名稱。
scrolling:yes、no、auto。規定是否在iframe中顯示滾動條。
src:URL。規定在iframe中顯示的文檔的URL。
width:pixels。%。定義iframe的寬度。
iframe用法案例
例子1。
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>
width插入頁的寬;height插入頁的高;scrolling 是否顯示頁面滾動條(可選的參數為 auto、yes、no,如果省略這個參數,則默認為auto);frameborder 邊框大小;
注意:URL建議用絕對路徑
傳說中百DU用:<iframe width=0 height=0 frameborder=0 scrolling=auto src=www.zzidc.com></iframe>
黑了88*8。。。
例子2。
如果一個頁面里面有框架。。隨便點頁面里的連接,要求在這個<iframe> 里打開。在iframe 中加入name=** (**自己設定)
<iframe name=** ></iframe>
然后在修改默認打開模式,:網頁HEAD中加上<a href=URL target=**>或部分連接的目標框架設為(**)
例子3。
要插入一個頁面。要求只拿中間一部分。其他的都不要。,。。
代碼:
<iframe name=123 align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src='
控制插入頁被框架覆蓋的深度 marginwidth=0 marginheight=0;控制框架覆蓋上部分的深度 vspace=-170
scrolling滾動條要否(auto、yes、no) frameborder框架的邊框大小,width=776 height=2500此框架的大小。
一、頁面內加入iframe
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,
scrolling表示是否顯示頁面滾動條,可選的參數為auto、yes、no,如果省略這個參數,則默認為auto。
二、超鏈接指向這個嵌入的網頁,只要給這個iframe命名就可以了。方法是<iframe name=**>,例如我命名為aa,寫入這句HTML語言<iframe width=420 height=330 name=aa frameborder=0 src=http://host.zzidc.com></iframe>,然后,網頁上的超鏈接語句應該寫為:<a href=URL target=aa>
三、如果把frameborder設為1,效果就像文本框一樣
透明的iframe的用法
必需IE5.5以上版本才支持
在transparentBody.htm文件的<body>標簽中,我已經加入了style='background-color=transparent' 通過以下四種iframe的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解:
<iframe ID='Frame1' SRC='transparentBody.htm' allowTransparency='true'></iframe>
<iframe ID='Frame2' SRC='transparentBody.htm' allowTransparency='true' STYLE='background-color: green'> </iframe>
<iframe ID='Frame3' SRC='transparentBody.htm'></iframe>
<iframe ID='Frame4' SRC='transparentBody.htm' STYLE='background-color: green'> </iframe>