<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>iframe</title> </head> <body> <!-- height：用來定義iframe標簽的高度。屬性默認以像素為單位, 也可以指定其按比例顯示 (如："80%")。 width：用來定義iframe標簽的寬度。屬性默認以像素為單位, 也可以指定其按比例顯示 (如："80%")。 frameborder：用於定義iframe表示是否顯示邊框。設置屬性值為 "0"，則移除iframe的邊框。設置屬性值為 "1"，則顯示iframe的邊框。 name：用來定義iframe標簽的名稱。 align：用來定義iframe元素相對於周圍元素的對齊方式，值包括left|right|middle|top|bottom。 sandbox：用來對iframe元素的內容定義一系列額外的限制，值包括""|allow-forms|allow-same-origin|allow-scripts|allow-top-navigation， 其中""表示啟用所有限制條件。如果指定多個，需用空格分隔，例：sandbox="allow-same-origin allow-scripts"。 scrolling：規定是否在iframe中顯示滾動條，值包括：yes|no|auto。 src：規定在iframe中顯示的文檔的URL。 srcdoc：規定頁面中的HTML內容顯示在iframe中。 --> <!-- 可以把需要的文本放置在 <iframe> 和 </iframe> 之間，這樣就可以應對不支持 <iframe> 的瀏覽器。 --> <!-- iframe元素是內聯元素（不會在頁面上插入新行），這意味着文本和其他元素可以圍繞在其周圍。 --> <iframe src="//www.baidu.com" width="500" height="200" align="left" scrolling="no"> <p>您的瀏覽器不支持iframe標簽，請更新瀏覽器</p> </iframe> <p>請看我在哪個地方</p> <iframe src="//www.baidu.com" width="100%" height="200" frameborder="0"></iframe> <iframe srcdoc="<p>顯示內容</p>" src="//www.baidu.com" width="100%" height="200" frameborder="0" name="a_frame"></iframe> <!-- iframe可以顯示一個目標鏈接的頁面，但是目標鏈接的target屬性必須使用iframe的name屬性值。 --> <a href="img.html" target="a_frame">鏈接</a> </body> </html>