HTML中内联框架主要用于在网页中实现另一个网页的显示,相当于在网页中嵌套了另一个网页。
Iframe内联框架的src属性用于网页连接的设置,src指向哪个链接,网页上就显示哪个网页。
语法:
<iframe src="URL"></iframe> 或直接设置宽高:
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
frameborder - 删除边框
frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 "0" 就可以移除边框:
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
如果在页面使用 iframe 作为链接的目标来切换的时候,就不要删除边框,否则不显示。
使用 iframe 作为链接的目标--使用target属性
iframe 可用作链接的目标(target)。即点击一个按钮,在对应的iframe框中显示相应网址内容。
<body>
<iframe src="" name="iframe_a"></iframe>
<p><a href="https://www.baidu.com/" target="iframe_a">切换为百度网页</a></p>
</body>
解析:
<iframe>下的src指向的网址是原网页,<a >下href指向的网页是目标网页。特别注意的是
链接的 target 属性必须引用 iframe 的 name 属性。