通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
HTML iframe 标签,定义一个内联的iframe.
语法:
<iframe src="URL"></iframe>
该URL指向不同的网页。
Iframe - 设置高度与宽度
height 和 width 属性用来定义iframe标签的高度与宽度。
属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。
<iframe src="//demo.runoops.com/sources/html/demo_iframe.html" width="200" height="200">
<p>您的浏览器不支持 iframe 标签。</p>
</iframe>
Iframe - 移除边框
frameborder 属性用于定义iframe表示是否显示边框。
设置属性值为 "0" 移除iframe的边框:
<iframe src="//demo.runoops.com/sources/html/demo_iframe.html" width="200" height="200" frameborder="0">
<p>您的浏览器不支持 iframe 标签。</p>
</iframe>
使用iframe来显示目标链接页面
iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性,如下实例:
<iframe src="//demo.runoops.com/sources/html/demo_iframe.html" name="iframe_a"></iframe>
<p><a href="//runoops.com" target="iframe_a">RUNOOPS.COM</a></p>
<p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p>
HTML iframe 标签
标签 | 说明 |
---|---|
<iframe> | 定义一个内联的iframe |
出于有些网页不希望被嵌套, 响应头中有一选项:
X-Frame-Options
他有三个可配置值
DENY:表示该网站页面不允许被嵌套,即便是在自己的域名的页面中也不能进行嵌套。 SAMEORIGIN:表示该页面可以在相同域名页面中被嵌套展示。 ALLOW-FROM uri:表示该页面可以在指定来源页面中进行嵌套展示。