<!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>