hi,欢迎访问本站!
当前位置: 首页Web前端正文

html中iframe中使用方法

墨初 Web前端 149阅读

html元素中的iframe标签用于在网页中嵌入其它的网页,它的使用方法可参考下面的介绍。

html iframe介绍

iframe标签生成一个指定的区域,此区域可以嵌入其它的网页,同时他还是一个容器的元素,如浏览器不支持iframe则会显示其内部的子元素。

例:

<iframe src="https://www.73so.com" width="100%" height="500" frameborder="0" allowfullscreen sandbox>
<p><a href="https://www.73so.com">点击查看</a></p>
</iframe>

注:

1、上面的代码表示在当前的网页中嵌入https://www.73so.com这个网址的网页,其显示区域的宽度是100%,高度为500px;

2、如浏览器不支持iframe,则会显示一个链接让用户点击插件。

html iframe属性介绍

allowfullscreen:允许嵌入的网页全屏显示,需要全屏 API 的支持,请参考相关的 JavaScript 教程。

frameborder:是否绘制边框,0为不绘制,1为绘制(默认值)。建议尽量少用这个属性,而是在 CSS 里面设置样式。

src:嵌入的网页的 URL。

width:显示区域的宽度。

height:显示区域的高度。

sandbox:设置嵌入的网页的权限,详见下文。

importance:浏览器下载嵌入的网页的优先级,可以设置三个值。high表示高优先级,low表示低优先级,auto表示由浏览器自行决定。

name:内嵌窗口的名称,可以用于<a>、<form>、<base>的target属性。

referrerpolicy:请求嵌入网页时,HTTP 请求的Referer字段的设置。参见<a>标签的介绍。

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐