html中iframe中使用方法
墨初 Web前端 436阅读
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>标签的介绍。
标签:HTML