<!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>
浙公网安备 33010602011771号