首页
参考手册
笔记
首页
HTML
HTML5
CSS
CSS3
Bootstrap
JavaScript
HTML DOM
jQuery
AngularJS
AngularJS2
React
....
HTML 参考手册
HTML 标签列表(字母排序)
HTML 标签列表（功能排序）
HTML 全局属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 拾色器
HTML 颜色混搭
HTML 字符集
HTML ASCII字符集
HTML ISO-8859-1
HTML 符号实体
HTML URL 编码
HTML 语言代码
HTTP 消息
HTTP 方法
Px/Em 换算工具
键盘快捷键
HTML 标签
<!--...-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<head>
<header>
<hgroup>
<h1> - <h6>
<hr>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<keygen>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<html>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
← HTML
标签</a> <a href="http://edu.jb51.net/tag/tag-img.html" class="next" title="HTML <iframe> 标签">HTML <iframe> 标签 →</a> </div> </div> <div class="contentDiv"> <h1>HTML <span><iframe></span> 标签</h1> <div class="showCodeDiv"> <h2>实例</h2> <p>标记一个内联框架：</p> <pre class="brush:xhtml;gutter:false"> <iframe src="http://edu.jb51.net"></iframe></pre> <a class="trybtn" href="http://run.jb51.net/try/?name=tryhtml_iframe" target="_blank" title="">尝试一下 »</a></div> <hr /> <h2>浏览器支持</h2> <p><img alt="Internet Explorer" height="30" src="/statics/skin/images/compatible_ie.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Internet Explorer" width="31" /><img alt="Firefox" height="30" src="/statics/skin/images/compatible_firefox.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Firefox" width="31" /><img alt="Opera" height="30" src="/statics/skin/images/compatible_opera.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Opera" width="28" /><img alt="Google Chrome" height="30" src="/statics/skin/images/compatible_chrome.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Google Chrome" width="31" /><img alt="Safari" height="30" src="/statics/skin/images/compatible_safari.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Safari" width="28" /></p> <p>所有主流浏览器都支持 <iframe> 标签。</p> <hr /> <h2>标签定义及使用说明</h2> <p><iframe> 标签规定一个内联框架。</p> <p>一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。</p> <hr /> <h2>提示和注释</h2> <p><b>提示：</b>您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器。</p> <p><b>提示：</b>使用 CSS 为 <iframe> （包括滚动条）定义样式。</p> <hr /> <h2>HTML 4.01 与 HTML5之间的差异</h2> <p>HTML5 新增了一些新的属性，同时去掉了 HTML 4.01 中的一些属性。</p> <hr /> <h2>HTML 与 XHTML 之间的差异</h2> <p>在 XHTML 中，name 属性已被废弃，并将被去掉。请使用 id 属性代替。</p> <hr /> <h2>属性</h2> <p><span class="new" style="float: left;">New</span> ：HTML5 中的新属性。</p> <table> <tbody> <tr> <th align="left" width="20%"> 属性</th> <th align="left" width="20%"> 值</th> <th align="left" width="60%"> 描述</th> </tr> <tr> <td><a href="/tag/tag-iframe-align.html" target="_blank">align</a></td> <td>left<br /> right<br /> top<br /> middle<br /> bottom</td> <td><span class="deprecated">HTML5 不支持。HTML 4.01 已废弃。</span> 规定如何根据周围的元素来对齐 <iframe>。</td> </tr> <tr> <td><a href="/tag/tag-iframe-frameborder.html" target="_blank">frameborder</a></td> <td>1<br /> 0</td> <td><span class="deprecated">HTML5 不支持。</span>规定是否显示 <iframe> 周围的边框。</td> </tr> <tr> <td><a href="/tag/tag-iframe-height.html" target="_blank">height</a></td> <td><i>pixels</i></td> <td>规定 <iframe> 的高度。</td> </tr> <tr> <td><a href="/tag/tag-iframe-longdesc.html" target="_blank">longdesc</a></td> <td><i>URL</i></td> <td><span class="deprecated">HTML5 不支持。</span>规定一个页面，该页面包含了有关 <iframe> 的较长描述。</td> </tr> <tr> <td><a href="/tag/tag-iframe-marginheight.html" target="_blank">marginheight</a></td> <td><i>pixels</i></td> <td><span class="deprecated">HTML5 不支持。</span>规定 <iframe> 的顶部和底部的边距。</td> </tr> <tr> <td><a href="/tag/tag-iframe-marginwidth.html" target="_blank">marginwidth</a></td> <td><i>pixels</i></td> <td><span class="deprecated">HTML5 不支持。</span>规定 <iframe> 的左侧和右侧的边距。</td> </tr> <tr> <td><a href="/tag/tag-iframe-name.html" target="_blank">name</a></td> <td><i>name</i></td> <td>规定 <iframe> 的名称。</td> </tr> <tr> <td><a href="/tag/tag-iframe-sandbox.html" target="_blank">sandbox</a><span class="new">New</span></td> <td>""<br /> allow-forms<br /> allow-same-origin<br /> allow-scripts<br /> allow-top-navigation</td> <td>对 <iframe> 的内容定义一系列额外的限制。</td> </tr> <tr> <td><a href="/tag/tag-iframe-scrolling.html" target="_blank">scrolling</a></td> <td>yes<br /> no<br /> auto</td> <td><span class="deprecated">HTML5 不支持。</span>规定是否在 <iframe> 中显示滚动条。</td> </tr> <tr> <td><a href="/tag/tag-iframe-seamless.html">seamless</a><span class="new">New</span></td> <td>seamless</td> <td>规定 <iframe> 看起来像是父文档中的一部分。</td> </tr> <tr> <td><a href="/tag/tag-iframe-src.html" target="_blank">src</a></td> <td><i>URL</i></td> <td>规定在 <iframe> 中显示的文档的 URL。</td> </tr> <tr> <td><a href="/tag/tag-iframe-srcdoc.html" target="_blank">srcdoc</a><span class="new">New</span></td> <td><i>HTML_code</i></td> <td>规定页面中的 HTML 内容显示在 <iframe> 中。</td> </tr> <tr> <td><a href="/tag/tag-iframe-width.html" target="_blank">width</a></td> <td><i>pixels</i></td> <td>规定 <iframe> 的宽度。</td> </tr> </tbody> </table> <br /> <hr /> <h2>全局属性</h2> <p><iframe> 标签支持 <a href="/tag/tag-standardattributes.html" target="_blank">HTML 的全局属性</a>。</p> <hr /> <h2>事件属性</h2> <p><iframe> 标签支持 <a href="/tag/tag-eventattributes.html" target="_blank">HTML 的事件属性</a>。</p> <hr /> <h2>相关文章</h2> <p>HTML 教程：<a href="/html/html-iframes.html" target="_blank">HTML 框架</a></p> <p>HTML DOM 参考手册：<a href="/jsref/jsref-obj-frame.html" target="_blank">IFrame 对象</a></p> </div> <div class="pagenext_b"> <div class="pagenext"> <a href="http://edu.jb51.net/tag/tag-i.html" class="previous" title="HTML <iframe> 标签">← HTML <iframe> 标签</a> <a href="http://edu.jb51.net/tag/tag-img.html" class="next" title="HTML <iframe> 标签">HTML <iframe> 标签 →</a> </div> </div> </div> <div class="last right-column" id="sidebar"> <div class="sidebar-box"> <div id="course"> <h2>分类导航</h2> </div> <ul class="nav1"> <li class="li1"> <a href="javascript:void(0);">最新推荐</a> <ul class="nav2"> <li><a href="http://edu.jb51.net/ruby/ruby-decision.html" title="Ruby 判断">Ruby 判断</a></li> </ul> </li> <li class="li1"> <a href="javascript:;">HTML / CSS</a> <ul class="nav2"> <li><a href="https://edu.jb51.net/html/html-tutorial.html" title="HTML 教程">HTML 教程</a></li> <li><a href="https://edu.jb51.net/html/html5-tutorial.html" title="HTML5 教程">HTML5 教程</a></li> <li><a href="https://edu.jb51.net/css/css-tutorial.html" title="CSS 教程">CSS 教程</a></li> <li><a href="https://edu.jb51.net/css3/css3-tutorial.html" title="CSS3 教程">CSS3 教程</a></li> <li><a href="https://edu.jb51.net/bootstrap/bootstrap-tutorial.html" title="Bootstrap 教程">Bootstrap 教程</a></li> </ul> </li> <li class="li1"> <a href="javascript:;">JavaScript</a> <ul class="nav2"> <li><a href="https://edu.jb51.net/js/js-tutorial.html" title="JavaScript 教程">JavaScript 教程</a></li> <li><a href="https://edu.jb51.net/htmldom/htmldom-tutorial.html" title="HTML DOM 教程">HTML DOM 教程</a></li> <li><a href="https://edu.jb51.net/jquery/jquery-tutorial.html" title="jQuery 教程">jQuery 教程</a></li> <li><a href="https://edu.jb51.net/angularjs/angularjs-tutorial.html" title="AngularJS 教程">AngularJS 教程</a></li> <li><a href="https://edu.jb51.net/angularjs2/angularjs2-tutorial.html" title="AngularJS2 教程">AngularJS2 教程</a></li> <li><a href="https://edu.jb51.net/react/react-tutorial.html" title="React 教程">React 教程</a></li> <li><a href="https://edu.jb51.net/jqueryui/jqueryui-tutorial.html" title="jQuery UI 教程">jQuery UI 教程</a></li> <li><a href="https://edu.jb51.net/jeasyui/jeasyui-tutorial.html" title="jQuery EasyUI 教程">jQuery EasyUI 教程</a></li> <li><a href="https://edu.jb51.net/nodejs/nodejs-tutorial.html" title="Node.js 教程">Node.js 教程</a></li> <li><a href="https://edu.jb51.net/ajax/ajax-tutorial.html" title="AJAX 教程">AJAX 教程</a></li> <li><a href="https://edu.jb51.net/json/json-tutorial.html" title="JSON 教程">JSON 教程</a></li> <li><a href="https://edu.jb51.net/highcharts/highcharts-tutorial.html" title="Highcharts 教程">Highcharts 教程</a></li> <li><a href="https://edu.jb51.net/googleapi/googleapi-tutorial.html" title="Google 地图 教程">Google 地图 教程</a></li> <li><a href="http://edu.jb51.net/vue2/vue2-tutorial.html" title="Vue.js 教程">Vue.js 教程</a></li> </ul> </li> <li class="li1"> <a href="javascript:;">服务端</a> <ul class="nav2"> <li><a href="https://edu.jb51.net/php/php-tutorial.html" title="PHP 教程">PHP 教程</a></li> <li><a href="https://edu.jb51.net/python/python-tutorial.html" title="Python 教程">Python 教程</a></li> <li><a href="https://edu.jb51.net/linux/linux-tutorial.html" title="Linux 教程">Linux 教程</a></li> <li><a href="https://edu.jb51.net/docker/docker-tutorial.html" title="Docker 教程">Docker 教程</a></li> <li><a href="https://edu.jb51.net/ruby/ruby-tutorial.html" title="Ruby 教程">Ruby 教程</a></li> <li><a href="https://edu.jb51.net/java/java-tutorial.html" title="Java 教程">Java 教程</a></li> <li><a href="https://edu.jb51.net/c/c-tutorial.html" title="C 教程">C 教程</a></li> <li><a href="https://edu.jb51.net/cplusplus/cplusplus-tutorial.html" title="C++ 教程">C++ 教程</a></li> <li><a href="https://edu.jb51.net/jsp/jsp-tutorial.html" title="JSP 教程">JSP 教程</a></li> <li><a href="https://edu.jb51.net/go/go-tutorial.html" title="Go 教程">Go 教程</a></li> <li><a href="https://edu.jb51.net/design-pattern/design-pattern-tutorial.html" title="设计模式 教程">设计模式 教程</a></li> <li><a href="https://edu.jb51.net/regexp/regexp-tutorial.html" title="正则表达式 教程">正则表达式 教程</a></li> </ul> </li> <li class="li1"> <a href="javascript:;">数据库</a> <ul class="nav2"> <li><a href="https://edu.jb51.net/sql/sql-tutorial.html" title="SQL 教程">SQL 教程</a></li> <li><a href="https://edu.jb51.net/mysql/mysql-tutorial.html" title="Mysql 教程">Mysql 教程</a></li> <li><a href="https://edu.jb51.net/sqlite/sqlite-tutorial.html" title="SQLite 教程">SQLite 教程</a></li> <li><a href="https://edu.jb51.net/mongodb/mongodb-tutorial.html" title="MongoDB 教程">MongoDB 教程</a></li> <li><a href="https://edu.jb51.net/redis/redis-tutorial.html" title="Redis 教程">Redis 教程</a></li> <li><a href="https://edu.jb51.net/memcached/memcached-tutorial.html" title="Memcached 教程">Memcached 教程</a></li> </ul> </li> <li class="li1"> <a href="javascript:;">ASP.NET</a> <ul class="nav2"> <li><a href="https://edu.jb51.net/aspnet/aspnet-tutorial.html" title="ASP.NET 教程">ASP.NET 教程</a></li> <li><a href="https://edu.jb51.net/csharp/csharp-tutorial.html" title="C# 教程">C# 教程</a></li> <li><a href="https://edu.jb51.net/aspnet/webpage-intro.html" title="Web Pages 教程">Web Pages 教程</a></li> <li><a href="https://edu.jb51.net/aspnet/razor-tutorial.html" title="Razor 教程">Razor 教程</a></li> <li><a href="https://edu.jb51.net/aspnet/mvc-tutorial.html" title="MVC 教程">MVC 教程</a></li> <li><a href="https://edu.jb51.net/aspnet/aspnet-intros.html" title="Web Forms 教程">Web Forms 教程</a></li> </ul> </li> </ul> </div> </div> </div> </div> <script language="javascript" type="application/javascript" src="//edu.jb51.net/statics/skin/js/hcode.js"></script> <div style=" clear:both"></div> <div id="footer"> <div class="row"> <div class="footItemDiv"> <p>在线实例</p> <ul> <li>· <a href="http://edu.jb51.net/ajax/ajax-examples.html" title="AJAX 实例" target="_blank">AJAX 实例</a></li> <li>· <a href="http://edu.jb51.net/html/html-examples.html" title="HTML 实例" target="_blank">HTML 实例</a></li> <li>· <a href="http://edu.jb51.net/js/js-examples.html" title="JavaScript 实例" target="_blank">JavaScript 实例</a></li> </ul> </div> <div class="footItemDiv"> <p>字符集 & 工具</p> <ul> <li>· <a href="http://edu.jb51.net/charsets/charsets-charsets.html" title="HTML 字符集" target="_blank">HTML 字符集</a></li> <li>· <a href="http://edu.jb51.net/tag/tag-symbols.html" title="HTML 符号实体" target="_blank">HTML 符号实体</a></li> <li>· <a href="http://edu.jb51.net/tag/tag-entities.html" title="HTML ISO-8859-1" target="_blank">HTML ISO-8859-1</a></li> <li>· <a href="http://edu.jb51.net/tag/tag-ascii.html" title="HTML ASCII字符集" target="_blank">HTML ASCII字符集</a></li> <li>· <a href="http://edu.jb51.net/tag/tag-colorpicker.html" title="HTML 拾色器" target="_blank">HTML 拾色器</a></li> </ul> </div> <div class="footItemDiv"> <p>最新更新</p> <ul> <li>· <a title="jQuery Prettydate" href="http://edu.jb51.net/jquery/jquery-plugin-prettydate.html" target="_blank">jQuery Prettydate</a></li> <li>· <a title="jQuery 效果 方法" href="http://edu.jb51.net/jquery/jquery-ref-effects.html" target="_blank">jQuery 效果 方法</a></li> <li>· <a title="jQuery 事件" href="http://edu.jb51.net/jquery/jquery-events.html" target="_blank">jQuery 事件</a></li> <li>· <a title="jQuery 选择器" href="http://edu.jb51.net/jquery/jquery-selectors.html" target="_blank">jQuery 选择器</a></li> <li>· <a title="jQuery 语法" href="http://edu.jb51.net/jquery/jquery-syntax.html" target="_blank">jQuery 语法</a></li> <li>· <a title="jQuery 安装" href="http://edu.jb51.net/jquery/jquery-install.html" target="_blank">jQuery 安装</a></li> <li>· <a title="jQuery 简介" href="http://edu.jb51.net/jquery/jquery-intro.html" target="_blank">jQuery 简介</a></li> </ul> </div> <div class="footItemDiv"> <p>站点信息</p> <ul> <li>· <a title="关于我们" href="https://edu.jb51.net/aboutus/" target="_blank">关于我们</a></li> <li>· <a title="免责声明" href="https://edu.jb51.net/disclaimer/" target="_blank">免责声明</a></li> <li>· <a title="站点地图" href="https://edu.jb51.net/sitemap/" target="_blank">站点地图</a></li> <li>· <a title="程序员学习路线图" href="https://edu.jb51.net/coder-learn-path/" target="_blank">程序员学习路线图</a></li> <li>· <a title="打开CHM文档空白解决办法" href="https://edu.jb51.net/chmproblem/" target="_blank">打开CHM文档空白解决办法</a></li> </ul> </div> <div class="footItemDiv"> <p>关注我们</p> <img class="img-responsive center-block" src="//edu.jb51.net/statics/skin/images/2coder.jpg" alt=""> </div> </div> </div> <script src="//edu.jb51.net/statics/skin/js/funjs.js"></script> <script src="//edu.jb51.net/statics/skin/js/bootstrap.min.js"></script> <script type="text/javascript"> var tougao = "1"; (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="//edu.jb51.net/statics/skin/js/baidumoney.js"></script> <script src="//edu.jb51.net/statics/skin/js/tongji.js"></script> </body> </html>
