- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11XP系統怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]經常進行頁面布局的人對于HTML中的iframe標簽一定不陌生，iframe標簽是一個內聯框架，說白了就是用來在當前 HTML 頁面中嵌入另一個文檔的。剛剛接觸前端的小伙伴可能不知道html中iframe標簽的用法，這篇文章就結合實例給大家講解html中iframe標簽的使用用法，有一定的參考價值...
經常進行頁面布局的人對于HTML中的iframe標簽一定不陌生，iframe標簽是一個內聯框架，說白了就是用來在當前 HTML 頁面中嵌入另一個文檔的。剛剛接觸前端的小伙伴可能不知道html中iframe標簽的用法，這篇文章就結合實例給大家講解html中iframe標簽的使用用法，有一定的參考價值，感興趣的朋友可以看看。<iframe> 標簽是一個內聯框架，即用來在當前 HTML 頁面中嵌入另一個文檔的，且所有主流瀏覽器都支持iframe標簽。
基本語法：<iframe src="文件路徑"></iframe>
<iframe> 標簽常用屬性介紹:
height可以設置框架顯示的高度
width可以設置框架顯示的寬度
name可以定義框架的名稱
frameborder用來定義是否需要顯示邊框，取值為1表示需要邊框
scrolling用來設置框架是否需要滾動條，取值可以是yes,no,auto
src用于設置框架的地址，可以使頁面地址，也可以是圖片地址
align用于設置元素對齊方式，取值可以是left，right，top，middle，bottom
以上屬性可以根據需要進行設置。
實例講解：html中<iframe>標簽的使用方法
首先新建兩個HTML頁面，一個命名為iframe-content.html，另一個命名為iframe.html，在iframe-content.html中添加內容，代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>蒹葭蒼蒼，白露為霜。所謂伊人，在水一方。</p> <p>溯洄從之，道阻且長。溯游從之，宛在水中央。</p> <p>蒹葭萋萋，白露未晞。所謂伊人，在水之湄。</p> <p>溯洄從之，道阻且躋。溯游從之，宛在水中坻。</p> </body> </html>
然后用<iframe>標簽將iframe-content.html文件嵌入到iframe.html中，可以根據自己的需要設置樣式，此例將frameborder設為0，不需要邊框， 將scrolling設為no，不需要滾動條，具體代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <iframe src="iframe-content.html" width="400px" height="150px" frameborder="0" scrolling="no"></iframe> </body> </html>
有邊框和滾動條的效果圖：
沒有邊框和滾動條的效果圖：
當頁面中有大部分內容相同時，比如頁面的頭部和底部，我們就可以使用<iframe>標簽將重復的部分嵌入頁面中，這樣可以減少代碼的重復率，減輕代碼量，但不足之處是頁面url地址沒有改變。
以上結合實例給大家介紹了html中<iframe>標簽的使用方法，小白一定要自己動手嘗試，看看你的代碼能不能實現這樣的效果，希望這篇文章對你有所幫助！
【相關教程推薦】
1. HTML教程
2. Html5視頻教程
3. bootstrap教程
以上就是<iframe>是什么？html中iframe標簽的用法詳解的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1優酷軍師聯盟卡是什么？優酷軍師聯盟卡收集圖文說明教程
- 2終極3國2017百度云資源(更新至第106集)
- 3愛奇藝vip免費試用 愛奇藝vip帳號共享(2017.7.7)
- 4如何用愛奇藝下載電影？愛奇藝下載視頻圖文說明教程
- 5QQ音樂如何發彈幕？QQ音樂彈幕使用圖文說明教程
- 6我是僵尸3百度云全集資源
- 7尋人大師第二季百度云全集資源
- 8暴風影音如何加速播放？暴風影音加速播放圖文說明教程_暴風影音_下載之家
- 9免費3組騰訊視頻vip賬號共享(2017.6.29)
- 10搜狐視頻會員賬號共享2017.6.28
- 11劉亞仁相關電視劇電影綜藝百度云全集
- 12人生若如初相見百度云全集資源
- 1支付寶不能交水電費了嗎 支付寶為什么不能交水電費了
- 2人人車怎么收費 人人車收費規范
- 3平板電腦wifi無線網絡設置圖文說明教程【圖文詳細說明】
- 4ios9 bug隱藏無用應用方法
- 5獵豹瀏覽器搶票不受12306新版驗證碼影響
- 63星版iphone6s與臺積電版iphone6s續航哪一個好
- 7百度專車怎么收費 百度專車收費規范介紹
- 8華為pay與微信支付哪一個好 微信支付與huawei pay比較區別
- 9酷狗怎么設置伴唱并錄音 酷狗伴唱設置圖文說明教程
- 10中興grand x max+怎么？中興grand x max+設置評測
- 11小皮助手安裝失敗怎么辦 小皮助手安卓模擬器安裝失敗處理方法
- 12滴滴打屁怎么用 滴滴打屁app使用圖文說明教程
