HTML iframe 标签-365彩票app安卓版下载-beat365体育登陆网址-365bet足球即时比分-365彩票app安卓版下载

HTML 标签</p> <p>更新于 2024/9/19 0:39:00</p> <p>❮ HTML i 标签</p> <p>HTML 标签</p> <p>HTML img 标签 ❯</p> <p>实例</p> <p>标记一个内联框架:</p> <p><iframe src="https://www.w3ccoo.com" title="W3Schools 免费在线网络教程">

亲自试一试 »

下面有更多实例。

定义和用法

标签规定一个内联框架。</p> <p>一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。</p> <p>提示: 使用 CSS 为 <iframe> （包括滚动条）定义样式。</p> <p>提示: 您可以把需要的文本放置在 <iframe> 和之间，这样就可以应对不支持的浏览器。</p> <p>浏览器支持</p> <p>元素</p> <p><iframe></p> <p>Yes</p> <p>Yes</p> <p>Yes</p> <p>Yes</p> <p>Yes</p> <p>属性</p> <p>属性</p> <p>值</p> <p>描述</p> <p>allow</p> <p>指定 <iframe> 其特征策略</p> <p>allowfullscreen</p> <p>truefalse</p> <p>设置为true时，可以通过调用 <iframe> 的 requestFullscreen() 方法激活全屏模式。</p> <p>allowpaymentrequest</p> <p>truefalse</p> <p>设置为true时，跨域的 <iframe> 就可以调用 Payment Request API</p> <p>height</p> <p>pixels</p> <p>规定 iframe 的高度。默认值为 150 像素</p> <p>name</p> <p>text</p> <p>规定 <iframe> 的名称。</p> <p>referrerpolicy</p> <p>no-referrerno-referrer-when-downgradeorigin</p> <p>origin-when-cross-originsame-originstrict-origin</p> <p>strict-origin-when-cross-originunsafe-url</p> <p>表示在获取 iframe 资源时如何发送 referrer 首部</p> <p>sandbox</p> <p>allow-formsallow-pointer-lockallow-popups</p> <p>allow-same-origin</p> <p>allow-scripts</p> <p>allow-top-navigation</p> <p>在 iframe 框架中的内容启用一些额外的限制条件。</p> <p>src</p> <p>URL</p> <p>被嵌套的页面的 URL 地址。使用 about:blank 值可以嵌入一个遵从同源策略的空白页。</p> <p>srcdoc</p> <p>HTML_code</p> <p>该属性是一段 HTML 代码，这些代码会被渲染到 iframe 中。</p> <p>width</p> <p>pixels</p> <p>规定 <iframe>的宽度。默认值是 300 像素</p> <p>全局属性</p> <p><iframe> 标签支持 HTML 中的全局属性。</p> <p>事件属性</p> <p><iframe> 标签支持 HTML 中的事件属性。</p> <p>更多实例</p> <p>实例</p> <p>添加和删除 iframe 边框 (使用 CSS):</p> <p><iframe src="/default.asp" width="100%" height="300" style="border:1px solid</p> <p>black;"> <p>height="300" style="border:none;">

亲自试一试 »

相关页面

HTML 教程: HTML Iframes

HTML DOM 参考手册: IFrame 对象

默认CSS设置

大多数浏览器将使用以下默认值显示元素:</p> <p>iframe:focus { outline: none;}</p> <p>iframe[seamless] { display: block;}</p> <p>❮ HTML i 标签</p> <p>HTML 标签</p> <p>HTML img 标签 ❯</p> </div> <div class="pagination"> <a href="/40dc2b3be141258a/c1cbf53e3cd171a8.html">上一篇：能力撑不起野心，但无法平心静气去学习怎么办？</a> <a href="/40dc2b3be141258a/24dc18b59f29f0cd.html">下一篇：世界杯悲情一幕！日本主帅又哭了：森保一热泪盈眶，荷兰祭出强阵</a> </div> </article> </div> <div class="friend-links"> <h3>友情链接</h3> <div class="friend-links-container"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </div> <footer> <div class="container"> <p class="copyright">Copyright © <span id="currentYear"></span> beat365体育登陆网址-365bet足球即时比分-365彩票app安卓版下载 All Rights Reserved.</p> </div> </footer> <script> document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> </body> </html>