HTML要点（五）标签</h1><div class="clear"></div><p class="post-meta"><span class="time"><i class="icon-time"></i>2022-11-19 07:46:39</span></p><div class="clear"></div></header><div class="entry" itemprop="articleBody"><h1>浏览器支持:全部支持</h1> <hr> <h2>定义和用法</h2> <p>iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。</p> <hr> <h2>HTML 与 XHTML 之间的差异</h2> <p>在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。</p> <hr> <h2>提示和注释：</h2> <p>提示：可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。</p> <hr> <h2>属性</h2> <p><a href="http://www.w3school.com.cn/tags/att_iframe_align.asp" rel="nofollow" target="_blank">align</a></p> <p>不赞成使用。请使用样式代替。</p> <p>定义：规定如何根据周围的元素来对齐此框架。</p> <p>具体值或类型：</p> <ul><li><ul> <li>left</li> <li>right</li> <li>top</li> <li>middle</li> <li>bottom</li> </ul></li></ul> <p><a href="http://www.w3school.com.cn/tags/att_iframe_frameborder.asp" rel="nofollow" target="_blank">frameborder</a></p> <p>定义：规定是否显示框架周围的边框。</p> <p>具体值或类型：</p> <ul> <li>1</li> <li>0</li> </ul> <p><a href="http://www.w3school.com.cn/tags/att_iframe_height.asp" rel="nofollow" target="_blank">height</a></p> <p>定义：规定 iframe 的高度。</p> <p>具体值或类型：</p> <ul> <li><em>pixels</em></li> <li><em>%</em></li> </ul> <p><a href="http://www.w3school.com.cn/tags/att_iframe_longdesc.asp" rel="nofollow" target="_blank">longdesc</a></p> <p>定义：规定一个页面，该页面包含了有关 iframe 的较长描述。</p> <p><em>具体值或类型：</em></p> <p><em>URL</em></p> <p><a href="http://www.w3school.com.cn/tags/att_iframe_marginheight.asp" rel="nofollow" target="_blank">marginheight</a></p> <p>定义：定义 iframe 的顶部和底部的边距。</p> <p>具体值或类型：</p> <p><em>pixels</em></p> <p><em><a href="http://www.w3school.com.cn/tags/att_iframe_marginwidth.asp" rel="nofollow" target="_blank">marginwidth</a></em></p> <p>定义：定义 iframe 的左侧和右侧的边距。</p> <p>具体值或类型：</p> <p><em>pixels</em></p> <p><a href="http://www.w3school.com.cn/tags/att_iframe_name.asp" rel="nofollow" target="_blank">name</a></p> <p>定义：规定 iframe 的名称。</p> <p>具体值或类型：</p> <p><em>frame_name</em></p> <p><a href="http://www.w3school.com.cn/tags/att_iframe_sandbox.asp" rel="nofollow" target="_blank">sandbox</a></p> <p>定义：启用一系列对 <iframe> 中内容的额外限制。</p> <p>具体值或类型：</p> <ul><ul> <li>""</li> <li>allow-forms</li> <li>allow-same-origin</li> <li>allow-scripts</li> <li>allow-top-navigation</li> </ul></ul> <p><a href="http://www.w3school.com.cn/tags/att_iframe_scrolling.asp" rel="nofollow" target="_blank">scrolling</a></p> <p>定义：规定是否在 iframe 中显示滚动条。（注意：如果置为‘no’，则画面超出部分被剪切，且不可滑动！）</p> <p>具体值或类型：</p> <ul><li><ul> <li>yes</li> <li>no</li> <li>auto</li> </ul></li></ul> <p><a href="http://www.w3school.com.cn/tags/att_iframe_seamless.asp" rel="nofollow" target="_blank">seamless</a></p> <p>定义：规定 <iframe> 看上去像是包含文档的一部分。</p> <p>具体值或类型：</p> <p>seamless</p> <p><a href="http://www.w3school.com.cn/tags/att_iframe_src.asp" rel="nofollow" target="_blank">src</a></p> <p>定义：规定在 iframe 中显示的文档的 URL。</p> <p>具体值或类型：</p> <p><em>URL</em></p> <p><a href="http://www.w3school.com.cn/tags/att_iframe_srcdoc.asp" rel="nofollow" target="_blank">srcdoc</a></p> <p>定义：规定在 <iframe> 中显示的页面的 HTML 内容。</p> <p>具体值或类型：</p> <p><em>HTML_code</em></p> <p><a href="http://www.w3school.com.cn/tags/att_iframe_width.asp" rel="nofollow" target="_blank">width</a></p> <p>定义：定义 iframe 的宽度。</p> <p>具体值或类型：</p> <ul><ul> <li><em>pixels</em></li> <li><em>%</em></li> </ul></ul> <hr> <h2>全局属性</h2> <p><iframe> 标签支持 <a href="http://www.w3school.com.cn/tags/html_ref_standardattributes.asp" rel="nofollow" target="_blank">HTML 中的全局属性</a>。</p> <hr> <h2>事件属性</h2> <p><iframe> 标签支持 <a href="http://www.w3school.com.cn/tags/html_ref_eventattributes.asp" rel="nofollow" target="_blank">HTML 中的事件属性</a>。</p> <hr> <h2>相关页面</h2> <p>HTML DOM 参考手册：<a href="http://www.w3school.com.cn/jsref/dom_obj_frame.asp" rel="nofollow" target="_blank">IFrame 对象</a></p> <p>HTML DOM参考手册： <a href="http://www.w3school.com.cn/jsref/dom_obj_history.asp" rel="nofollow" target="_blank">History对象</a></p> <hr> <h2>TIY 实例</h2> <dl> <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=html_iframe" rel="nofollow" target="_blank">内联框架</a></dt> <dd>本例演示如何创建内联框架（HTML 页中的框架）。</dd> </dl> <blockquote><p>整理自：W3CSchool</p></blockquote></div><footer class="entry-meta"><div class="clear"><div class="page-nav"></div></div><div class="gpost-below mobile-no"></div></footer><div class="post-navigation">上一篇：<a href="/manong/1098830.html">Swift URL Schemes使用</a><p><br>下一篇：<a href="/manong/1098832.html">Mac os 10.11 更新ruby</a></p></div></article></div><section id="related-posts" class="widget-box"><h3>相关文章</h3><div class="widget-content"><ul><li class="other-news"><span>11-19</span><a href="/manong/932996.html" title="HTML学习笔记五——HTML常见标签二"><i class="icon-angle-right"></i>HTML学习笔记五——HTML常见标签二</a></li><li class="other-news"><span>11-19</span><a href="/manong/1513202.html" title="父页面操作嵌套iframe子页面的HTML标签元素"><i class="icon-angle-right"></i>父页面操作嵌套iframe子页面的HTML标签元素</a></li><li class="other-news"><span>11-19</span><a href="/manong/1440127.html" title="五、Html表单标签"><i class="icon-angle-right"></i>五、Html表单标签</a></li><li class="other-news"><span>11-19</span><a href="/manong/1425887.html" title="php-将BBCode网址转换为html元素时,仅将YouTube网址转换为iframe标签"><i class="icon-angle-right"></i>php-将BBCode网址转换为html元素时,仅将YouTube网址转换为iframe标签</a></li><li class="other-news"><span>11-19</span><a href="/manong/1169217.html" title="高并发分布式系统中生成全局唯一（订单号）Id js返回上一页并刷新、返回上一页、自动刷新页面父页面操作嵌套iframe子页面的HTML标签元素 .net判断System.Data.DataRow中是否包含某列 .Net使用system.Security.Cryptography.RNGCryptoServiceProvider类与System.Random类生成随机数"><i class="icon-angle-right"></i>高并发分布式系统中生成全局唯一（订单号）Id js返回上一页并刷新、返回上一页、自动刷新页面父页面操作嵌套iframe子页面的HTML标签元素 .net判断System.Data.DataRow中是否包含某列 .Net使用system.Security.Cryptography.RNGCryptoServiceProvider类与System.Random类生成随机数</a></li><li class="other-news"><span>11-19</span><a href="/manong/1098831.html" title="HTML要点（五）<iframe>标签"><i class="icon-angle-right"></i>HTML要点（五）<iframe>标签</a></li><li class="other-news"><span>11-19</span><a href="/manong/955270.html" title="怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)"><i class="icon-angle-right"></i>怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)</a></li><li class="other-news"><span>11-19</span><a href="/manong/955216.html" title="HTML <iframe> 标签的 src 属性"><i class="icon-angle-right"></i>HTML <iframe> 标签的 src 属性</a></li><li class="other-news"><span>11-19</span><a href="/manong/918576.html" title="从零开始学习html（五）与浏览者交互，表单标签——下"><i class="icon-angle-right"></i>从零开始学习html（五）与浏览者交互，表单标签——下</a></li><li class="other-news"><span>11-19</span><a href="/manong/705138.html" title="一、Html5基础讲解以及五个标签"><i class="icon-angle-right"></i>一、Html5基础讲解以及五个标签</a></li></ul><div class="clear"></div></div></section></div><aside class="span4 sidebar-right hide-sidebar"><div id="posts-list-widget-9" class="widget-box widget widget-posts"><div class="widget-title"><span class="icon"><i class="icon-list"></i></span><h3>编程语言最新文章</h3></div><div class="widget-content"><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/211360.html" title="程序员必下20本电子书：Java手册、Flutter最佳实践、AIoT开发手册... | 1024程序员节技术礼包之二">程序员必下20本电子书：Java手册、Flutter最佳实践、AIoT开发手册... | 1024程序员节技术礼包之二</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/354133.html" title="2017杭州云栖大会100位大咖视频+讲义全分享">2017杭州云栖大会100位大咖视频+讲义全分享</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/156729.html" title="《Flutter in action》开放下载！闲鱼Flutter企业级实践精选">《Flutter in action》开放下载！闲鱼Flutter企业级实践精选</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/295669.html" title="阿里云免费套餐放量周：每天100个免费邀请码，更有坚果pro手机等你来抢">阿里云免费套餐放量周：每天100个免费邀请码，更有坚果pro手机等你来抢</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/181.html" title="从阿里核心场景看实时数仓的发展趋势">从阿里核心场景看实时数仓的发展趋势</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/495994.html" title="DataV首次实战分享：教你30分钟创建汽车大屏">DataV首次实战分享：教你30分钟创建汽车大屏</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/75562.html" title="免费下载！Apache Flink 系列电子书之开源大数据前瞻与应用实战">免费下载！Apache Flink 系列电子书之开源大数据前瞻与应用实战</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/182475.html" title="学生党如何从零开始，成为云计算牛人，步入IT大厂或成就个人事业？">学生党如何从零开始，成为云计算牛人，步入IT大厂或成就个人事业？</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/190.html" title="免费下载|《2021云上架构与运维峰会演讲合集》助力企业快速高效“用好云管好云”!">免费下载|《2021云上架构与运维峰会演讲合集》助力企业快速高效“用好云管好云”!</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/347409.html" title="阿里云分析引擎Spark On 多数据源介绍">阿里云分析引擎Spark On 多数据源介绍</a></div></li><div class="clear"></div></div></div></aside></div></div></div><footer id="footer" class="row-fluid" role="contentinfo" itemscope=""><div class="span12 footer-nav"><ul><li><a href="/zuixin/">更多编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><div class="span12 footer-info"><p>本站所有资源皆搜集自网络，相关版权归版权持有人所有，如有侵权，请电邮告之，本站会尽快删除。<span class="email-span"></span></p><p><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2022053706号</a></p></div></footer><div class="returnTop" title="" style="display: none;"><span class="s"></span><span class="b"></span>" </div><script type="text/javascript" src="/statics/553668/js/all.js"></script></body></html>