【資料圖】
iframe并不是很常用的,在標準的網頁中非常少用。但是有朋友經常問到,下面我簡單地介紹一下它的用法,你只要熟練掌握這些參數足矣。
align屬性規定iframe相對于周圍元素的水平和垂直對齊方式,因為iframe元素是行內元素,即不會在頁面上插入新行,這意味著文本和其他元素可以圍繞在其周圍,所以align屬性可以規定iframe相對于周圍元素的對齊方式;
frameborder屬性規定是否顯示iframe周圍的邊框,但出于實用性方面的原因,最好不用設置該屬性,而使用CSS來設置邊框,是否顯示邊框:1(yes),0(no);
height 屬性:規定 iframe 的高度。
marginheight 屬性:規定 iframe 的頂部和底部的空白邊距,以像素計。
marginwidth 屬性:規定 iframe 的左邊和右邊的空白邊距,以像素計。
有人可能希望 iframe 會有自己獨立的連接池,但不是這樣的。絕大部分瀏覽器,主頁面和其中的 iframe 是共享這些連接的。這意味著 iframe 在加載資源時可能用光了所有的可用連接,從而阻塞了主頁面資源的加載。如果 iframe 中的內容比主頁面的內容更重要,這當然是很好的。但通常情況下,iframe 里的內容是沒有主頁面的內容重要的。這時 iframe 中用光了可用的連接就是不值得的了。一種解決辦法是,在主頁面上重要的元素加載完畢后,再動態設置 iframe 的 SRC。美國前 10 大網站都使用了 iframe。大部分情況下,他們用它來加載廣告。這是可以理解的,也是一種符合邏輯的解決方案,用一種簡單的辦法來加載廣告服務。但請記 住,iframe 會給你的頁面性能帶來沖擊。只要可能,不要使用 iframe。當確實需要時,謹慎的使用他們。
關鍵詞: