frame - [ HTML 中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

目錄搜尋

Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

文字

已废弃

该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。

是 HTML 元素，它定义了一个特定区域，另一个 HTML 文档可以在里面展示。帧应该在中使用。

的使用不应提倡，因为有一些缺点，比如性能问题，以及使用屏幕阅读器的用户缺少可访问性。比起，</code>更应该提倡。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>属性</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>就像其他 HTML 元素一样，这个元素支持全局属性。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p><strong><code>src</code></strong>这个属性指定了由帧展示的文档。</p> <p><strong><code>name</code></strong>这个属性用于给帧添加标签。如果没有标签，所有链接都会在它们所在的帧中打开。<strong><code>noresize</code></strong>这个属性避免让用户改变帧的大小。</p> <p><strong><code>scrolling</code></strong>这个属性定义了滚动条的存在。如果不使用这个属性，浏览器会按需放置滚动条。有两个选择：<code>"yes"</code>用于展示滚动条，即使是多余的；<code>"no"</code>用于不展示滚动条，即使它是必要的。</p> <p><strong><code>marginheight</code></strong>这个属性定义了帧之间的边距有多高。</p> <p><strong><code>marginwidth</code></strong>这个属性定义了帧之间的边距有多宽。</p> <p><strong><code>frameborder</code></strong>这个属性允许你为帧添加边框。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>示例</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><frameset cols="50%,50%"> <frame src="https://developer.mozilla.org/en/HTML/Element/iframe" /> <frame src="https://developer.mozilla.org/en/HTML/Element/frame" /></frameset></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>浏览器兼容性</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Feature</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Chrome</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Edge</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Firefox</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Internet Explorer</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Opera</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Safari</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>Basic Support</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>frameborder</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>marginheight</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>marginwidth</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>name</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>noresize</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>scrolling</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>src</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Feature</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Chrome for Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Edge mobile</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Firefox for Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>IE mobile</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Opera Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>iOS Safari</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>Basic Support</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>frameborder</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>marginheight</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>marginwidth</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>name</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>noresize</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>scrolling</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>src</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="view-foot"> <div class="article-jump"> <span class="jump-up">上一篇：<a></a></span> <span class="jump-down">下一篇：<a></a></span> </div> <a class="view-backtop"><i class="icon-arrow-up2"></i></a> </div> </div> </div> </div> </div> </div> </div>  <div id="languageslayer" style="display:none" class="flexColumn languageslayer"> <div class="lan-con"> <a href="javascript:;" onclick="setlang($(this))" data-value="zh-cn" class="chooselan ">简体中文(ZH-CN)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="en" class="chooselan ">English(EN)</a> <a href="javascript:;" data-value="zh-tw" class="chooselan checklan">繁体中文(ZH-TW)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ja" class="chooselan ">日本語(JA)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ko" class="chooselan ">한국어(KO)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ms" class="chooselan ">Melayu(MS)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="fr" class="chooselan ">Français(FR)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="de" class="chooselan ">Deutsch(DE)</a> </div> </div> <div style="display:none"></div> </body> </html>