World Wide Web Frame

In the context of a web browser, a frame is a part of a web page or browser window which displays content independent of its container, with the ability to load content independently.

The HTML or media elements in a frame may come from a web site distinct from the site providing the enclosing content. This practice, known as framing, is today often regarded as a violation of same-origin policy.

In HTML, a frameset is a group of named frames to which web pages and media can be directed; an iframe provides for a frame to be placed inside the body of a document.

Since the early 2000s, concern for usability and accessibility has motivated diminished use of framesets and the HTML5 standard does not support them.

Tags and attributes

The frames in HTML are created using the tag pair. The tag is a container tag for all other tags that are used to create frames. The tag replaces the tag in frameset documents.The tag defines how to divide the window into frames.

Each frameset defines a set of rows or columns.  If user define frames by using the rows attribute then horizontal frames are created. If user define frames by using cols then vertical frames are created.

The </code> element may be included so web browsers with frames disabled (or browsers that do not support frames) can display something to the user, as in this example: </p> <div class="duhoc-en mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-en p"><</span><span class="duhoc-en nt">frameset</span> <span class="duhoc-en na">cols</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"85%, 15%"</span><span class="duhoc-en p">></span> <span class="duhoc-en p"><</span><span class="duhoc-en nt">frame</span> <span class="duhoc-en na">src</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"http://www.example.com/frame_1.html"</span> <span class="duhoc-en na">name</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"frame_1"</span><span class="duhoc-en p">></span> <span class="duhoc-en p"><</span><span class="duhoc-en nt">frame</span> <span class="duhoc-en na">src</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"http://alt.example.com/frame_2.html"</span> <span class="duhoc-en na">name</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"frame_2"</span><span class="duhoc-en p">></span> <span class="duhoc-en p"><</span><span class="duhoc-en nt">noframes</span><span class="duhoc-en p">></span> Your browser does not support frames. <span class="duhoc-en p"><</span><span class="duhoc-en nt">a</span> <span class="duhoc-en na">href</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"http://www.example.com/frame_1.html"</span><span class="duhoc-en p">></span>Click here<span class="duhoc-en p"></</span><span class="duhoc-en nt">a</span><span class="duhoc-en p">></span> to view frame 1. <span class="duhoc-en p"><</span><span class="duhoc-en nt">a</span> <span class="duhoc-en na">href</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"http://alt.example.com/frame_2.html"</span><span class="duhoc-en p">></span>Click here<span class="duhoc-en p"></</span><span class="duhoc-en nt">a</span><span class="duhoc-en p">></span> for frame 2. <span class="duhoc-en p"></</span><span class="duhoc-en nt">noframes</span><span class="duhoc-en p">></span> <span class="duhoc-en p"></</span><span class="duhoc-en nt">frameset</span><span class="duhoc-en p">></span> </pre></div> <p>Framesets have a <code>border</code> attribute. If set to an integer greater than 0, the user can resize the frames by dragging this border, unless a <code>noresize</code> attribute is present in a frame element. If border is set to 0, no border will be displayed and content in different frames will abut each other without delineation. </p><p>The <code>iframe</code> element is used inline within a normal HTML body, and defines the initial content and name similarly to the <code>frame</code> element. Any text inside an <code><iframe></iframe></code> tag pair will be displayed in browsers that do not understand the iframe tag. </p> <div class="duhoc-en mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="duhoc-en p"><</span><span class="duhoc-en nt">iframe</span> <span class="duhoc-en na">src</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"http://www.example.com/frame_1.html"</span> <span class="duhoc-en na">height</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"480"</span> <span class="duhoc-en na">width</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"640"</span><span class="duhoc-en p">></span> Your browser does not support iframes. <span class="duhoc-en p"><</span><span class="duhoc-en nt">a</span> <span class="duhoc-en na">href</span><span class="duhoc-en o">=</span><span class="duhoc-en s">"http://www.example.com/frame_1.html"</span><span class="duhoc-en p">></span>Click here<span class="duhoc-en p"></</span><span class="duhoc-en nt">a</span><span class="duhoc-en p">></span> to view the content. <span class="duhoc-en p"></</span><span class="duhoc-en nt">iframe</span><span class="duhoc-en p">></span> </pre></div> </section><h2 class="duhoc-en section-heading" id="History">History</h2><div id="ads_inline_2" style="display: inline;"> <ins class="duhoc-en adsbygoogle" style="float:left;margin:20px 20px 0px 0;display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4219964418995947" data-ad-slot="6284209963"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><section class="duhoc-en mf-section-2 collapsible-block" id="mf-section-2"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1097763485"><table class="duhoc-en box-Expand_section plainlinks metadata ambox mbox-small-left ambox-content" role="presentation"><tbody><tr><td class="duhoc-en mbox-text"><div class="duhoc-en mbox-text-span">This section <b>needs expansion</b>. You can help by <a class="duhoc-en external text" rel="nofollow noreferrer noopener" target="_blank" href="https://www.duhoctrungquoc.vn/wiki/index.php?lang=en&q=Frame_(World_Wide_Web)&action=edit&section=">adding to it</a>. <span class="duhoc-en date-container"><i>(<span class="duhoc-en date">January 2008</span>)</i></span></div></td></tr></tbody></table> <p><a href="/wiki/en/Netscape_Navigator" title="Netscape Navigator">Netscape Navigator</a> 2.0 introduced the elements used for frames in March 1996. Other browser vendors such as <a href="/wiki/en/Apple_Inc." title="Apple Inc.">Apple</a> with <a href="/wiki/en/Cyberdog" title="Cyberdog">Cyberdog</a> followed later that year. At that time, Netscape proposed frames to the <a href="/wiki/en/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> (W3C) for inclusion in the HTML 3.0 standard. </p><p>Frames were used to display and navigate early <a href="/wiki/en/Online_magazine" title="Online magazine">online magazines</a> and <a href="/wiki/en/Web_apps" class="duhoc-en mw-redirect" title="Web apps">web apps</a>, such as <a href="/wiki/en/Webmail" title="Webmail">webmail</a> services and <a href="/wiki/en/Web_chat" title="Web chat">web chat</a> sites. Frames had the advantage of allowing elements to be displayed sitewide without requiring server features such as <a href="/wiki/en/Server-side_include" class="duhoc-en mw-redirect" title="Server-side include">server-side includes</a> or <a href="/wiki/en/Common_Gateway_Interface" title="Common Gateway Interface">CGI</a> support. These features were not common on early web servers accessible to the public. </p><p>Early websites often used a frame at the top to display a banner which could not be scrolled away. These banner frames sometimes included the site's logo as well as <a href="/wiki/en/Online_advertising" title="Online advertising">advertising</a>. </p><p><a href="/wiki/en/XHTML" title="XHTML">XHTML</a> 1.1, the intended successor to HTML 4, removed all frames. <a href="/wiki/en/XFrames" title="XFrames">XFrames</a>, the intended eventual replacement, provided the composite <a href="/wiki/en/Uniform_Resource_Identifier" title="Uniform Resource Identifier">URI</a> to address a populated frameset. </p><p>The later <a href="/wiki/en/HTML5" title="HTML5">HTML5</a> standard removed framesets by means differing from XHTML. The <code>iframe</code> element remains with a number of "<a href="/wiki/en/Sandbox_(computer_security)" title="Sandbox (computer security)">sandboxing</a>" options intended for sharing content between sites. </p> </section><h2 class="duhoc-en section-heading" id="Advantages">Advantages</h2><div id="ads_inline_3" style=""> <ins class="duhoc-en adsbygoogle" style="float:left;margin:20px 20px 0px 0;display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4219964418995947" data-ad-slot="4818333633"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><section class="duhoc-en mf-section-3 collapsible-block" id="mf-section-3"> <p>By allowing content to be loaded and navigated independently, frames offered several advantages over the plain HTML in use when they were first developed: </p> <ul><li>Simplifying maintenance of content shared across all or most pages, such as navigation data. If an item needs to be added to a sidebar navigation menu, the web page author needs to change only one web page file, whereas each individual page on a traditional non-frameset website would have to be edited if the sidebar menu appeared on all of them.</li> <li>Reducing the amount of bandwidth needed by not re-downloading parts of the page which had not changed.</li> <li>Allowing several pieces of information to be viewed side by side, with the ability for each section to be scrolled independently. This might include the side-by-side comparison of two pictures or videos, or two different ways to understand something, such as an independently scrolling page of text next to video, images, animation, 3D rotating objects, etc.</li> <li>Allowing footnotes or digressions to appear in a dedicated section of the page when linked to, so that the reader does not lose their place in the main text.</li></ul> </section><h2 class="duhoc-en section-heading" id="Criticism">Criticism</h2><div id="ads_inline_4" style=""> <ins class="duhoc-en adsbygoogle" style="float:left;margin:20px 20px 0px 0;display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4219964418995947" data-ad-slot="3348363274"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><section class="duhoc-en mf-section-4 collapsible-block" id="mf-section-4"> <p>The practice of framing HTML content led to numerous criticisms, most centering on <a href="/wiki/en/Usability" title="Usability">usability</a> and <a href="/wiki/en/Accessibility" title="Accessibility">accessibility</a> concerns. These include: </p> <ul><li>Framing breaks the identity between the content and <a href="/wiki/en/URL" title="URL">URL</a> as displayed in the browser, making it difficult to link to or bookmark a particular item of content within the frameset</li> <li>The implementation of frames is inconsistent across different browsers</li> <li>Browsers which render material linearly do not handle frames well. <ul><li><a href="/wiki/en/Screen_reader" title="Screen reader">Screen reader</a> programs</li> <li>text or audio browsers</li> <li><a href="/wiki/en/Email" title="Email">Email</a> browsers such as <a href="/wiki/en/Agora_(web_browser)" title="Agora (web browser)">Agora</a></li> <li><a href="/wiki/en/Mobile_browser" title="Mobile browser">Mobile browsers</a></li></ul></li> <li>Framing complicates <a href="/wiki/en/Web_indexing" title="Web indexing">web indexing</a> and can be detrimental to <a href="/wiki/en/Search_engine_optimization" title="Search engine optimization">search engine optimization</a>.</li> <li>Framing confuses the boundaries between content on different servers, which raises issues of copyright infringement</li> <li>Visitors arriving from search engines may land on a page intended for display in a frame, resulting in the visitor having no way to navigate to the rest of the site</li> <li>Frames change the behavior of the back button.</li> <li>Users usually do not expect browsers to print frames the way they do.</li> <li>External links on web pages which use frames may cause other pages to appear in the frameset, since the default behaviour for a link is to load in the current frame if the author does not specify otherwise. This could be used by unscrupulous webmasters to make it appear as though content from another site was actually part of the site hosting the frameset.</li> <li>If the screen resolution or browser window size is too low then each frame will have scroll bars which can look messy and uses up already limited space. Such behaviour typically resulted more from bad site design (fixed layouts instead of fluid layouts), whereby not all frameset features were put into proper use.<br>This behaviour could be mitigated by: <ul><li>disabling scrolling for smaller frames that typically did not require a scrollbar;</li> <li>using fluid design characteristics in target pages instead of fixed designs, so that the content would not cause horizontal scrollbars in the first place.</li></ul></li></ul> </section><h2 class="duhoc-en section-heading" id="Alternatives">Alternatives</h2><div id="ads_inline_5" style=""> <ins class="duhoc-en adsbygoogle" style="float:left;margin:20px 20px 0px 0;display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4219964418995947" data-ad-slot="4818333633"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><section class="duhoc-en mf-section-5 collapsible-block" id="mf-section-5"> <p>As web technology developed, many of the purposes for which frames were used became possible in ways that avoided the problems identified with frames. </p> <ul><li><a href="/wiki/en/Cascading_Style_Sheets" class="duhoc-en mw-redirect" title="Cascading Style Sheets">Cascading Style Sheets</a> (CSS) allowed elements of a page to be scrolled independently (using the <code>overflow</code> property) or held on screen while other content is scrolled (using <code>position:fixed</code>)</li> <li><a href="/wiki/en/Server-Side_Includes" class="duhoc-en mw-redirect" title="Server-Side Includes">Server-Side Includes</a> allowed shared content to be edited once and automatically delivered to the client as part of a finished page; as server CPU and connection speeds increased, the extra work required to do this on the fly became a lesser consideration.</li> <li><a href="/wiki/en/Common_Gateway_Interface" title="Common Gateway Interface">CGI</a> and web-oriented <a href="/wiki/en/Scripting_languages" class="duhoc-en mw-redirect" title="Scripting languages">scripting languages</a> and <a href="/wiki/en/Web_development" title="Web development">web development</a> frameworks such as <a href="/wiki/en/PHP" title="PHP">PHP</a> and <a href="/wiki/en/Active_Server_Pages" title="Active Server Pages">Active Server Pages</a>, as well as database-backed <a href="/wiki/en/Content_Management_System" class="duhoc-en mw-redirect" title="Content Management System">Content Management Systems</a> such as <a href="/wiki/en/WordPress" title="WordPress">WordPress</a>, provided much richer options for maintaining content and providing navigation.</li> <li><a href="/wiki/en/Client-side_scripting" class="duhoc-en mw-redirect" title="Client-side scripting">Client-side scripting</a> and <a href="/wiki/en/Dynamic_HTML" title="Dynamic HTML">Dynamic HTML</a> allowed parts of a page to be visually replaced based on a user's actions. This allowed much more flexibility for showing "side" content, such as footnotes or instructions, as these could now be displayed and hidden anywhere on the page rather than requiring a pre-defined frame.</li> <li><a href="/wiki/en/AJAX" class="duhoc-en mw-redirect" title="AJAX">AJAX</a> allowed for dynamic display within a page of content even when it needs to be fetched from the server, for instance based on the logged in user or events elsewhere.</li></ul> </section><h2 class="duhoc-en section-heading" id="See_also">See also</h2><div id="ads_inline_6" style=""> <ins class="duhoc-en adsbygoogle" style="float:left;margin:20px 20px 0px 0;display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4219964418995947" data-ad-slot="3348363274"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div><section class="duhoc-en mf-section-6 collapsible-block" id="mf-section-6"> <ul><li><a href="/wiki/en/Copyright_aspects_of_hyperlinking_and_framing" title="Copyright aspects of hyperlinking and framing">Copyright aspects of hyperlinking and framing</a></li> <li><a href="/wiki/en/HTML_element#Frames" title="HTML element">Frames</a></li> <li><a href="/wiki/en/Inline_linking" title="Inline linking">Inline linking</a></li> <li><a href="/wiki/en/Deep_linking" title="Deep linking">Deep linking</a></li> <li><a href="/wiki/en/Framekiller" title="Framekiller">Framekiller</a></li> <li><a href="/wiki/en/Tableless_web_design" title="Tableless web design">Tableless web design</a></li></ul> </section><h2 class="duhoc-en section-heading" id="References">References</h2><section class="duhoc-en mf-section-7 collapsible-block" id="mf-section-7"> <style data-mw-deduplicate="TemplateStyles:r1217336898">.mw-parser-output .reflist{font-size:90%;margin-bottom:0.5em;list-style-type:decimal}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="duhoc-en references"><div id="M821770ScriptRootC1342769" style="clear:both;"></div><script src="https://jsc.mgid.com/d/u/duhoctrungquoc.vn.1342769.js" defer></script></div></div> </section><h2 class="duhoc-en section-heading" id="External_links">External links</h2><section class="duhoc-en mf-section-8 collapsible-block" id="mf-section-8"> <ul><li><a rel="nofollow noreferrer noopener" class="duhoc-en external text" target="_blank" href="https://www.duhoctrungquoc.vn/wiki/url?site=http://www.htmlhelp.org/design/frames/whatswrong.html">HTML Help: What's wrong with frames?</a></li> <li><a rel="nofollow noreferrer noopener" class="duhoc-en external text" target="_blank" href="https://www.duhoctrungquoc.vn/wiki/url?site=http://webtips.dan.info/frames.html">Dan's Web Tips: Frames</a></li> <li><a rel="nofollow noreferrer noopener" class="duhoc-en external text" target="_blank" href="https://www.duhoctrungquoc.vn/wiki/url?site=https://web.archive.org/web/20120209191256/http://www.4techies.com/webmaster-tips/break-out-of-frames.php">Script designed to prevent framing of your content</a></li></ul> </section><div id="share"></div><div class="duhoc-en share_alike"><p style="font-size: 79%; padding: 0px;">This article uses material from the Wikipedia English article <a target="_blank" rel="noopener nofollow" class="duhoc-en external text" href="https://en.wikipedia.org/wiki/Frame_%28World_Wide_Web%29" title="Frame (World Wide Web) (Wiki English)">Frame (World Wide Web)</a>, which is released under the <em>Creative Commons Attribution-ShareAlike 3.0 license ("CC BY-SA 3.0")</em>; additional terms may apply (<a target="_blank" rel="noreferrer nofollow" class="duhoc-en external text" href="https://en.wikipedia.org/w/index.php?title=Frame_%28World_Wide_Web%29&amp;action=history">view authors</a>). Content is available under <a class="duhoc-en external" rel="nofollow noreferrer noopener" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a> unless otherwise noted. Images, videos and audio are available under their respective licenses. <br>&reg;Wikipedia is a registered trademark of the Wiki Foundation, Inc. <a href="/wiki/en/" title="Wiki English">Wiki English</a> (DUHOCTRUNGQUOC.VN) is an independent company and has no affiliation with Wiki Foundation. </p></div></div> <!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --> </div> </div> <div class="duhoc-en post-content" id="page-secondary-actions"> </div> <div class="duhoc-en content toptrend" style=""><div class="duhoc-en clearfix spacer" style="height:20px;"></div><h3>Tags:</h3><a href="/wiki/tags_en/World_Wide_Web_Frame_Tags_and_attributes.html" class="duhoc-en related_tag" title="World Wide Web Frame Tags and attributes">World Wide Web Frame Tags and attributes</a><a href="/wiki/tags_en/World_Wide_Web_Frame_History.html" class="duhoc-en related_tag" title="World Wide Web Frame History">World Wide Web Frame History</a><a href="/wiki/tags_en/World_Wide_Web_Frame_Advantages.html" class="duhoc-en related_tag" title="World Wide Web Frame Advantages">World Wide Web Frame Advantages</a><a href="/wiki/tags_en/World_Wide_Web_Frame_Criticism.html" class="duhoc-en related_tag" title="World Wide Web Frame Criticism">World Wide Web Frame Criticism</a><a href="/wiki/tags_en/World_Wide_Web_Frame_Alternatives.html" class="duhoc-en related_tag" title="World Wide Web Frame Alternatives">World Wide Web Frame Alternatives</a><a href="/wiki/tags_en/World_Wide_Web_Frame.html" class="duhoc-en related_tag" title="World Wide Web Frame">World Wide Web Frame</a></div><div class="duhoc-en clearfix spacer" style="height:20px;"></div><div class="duhoc-en post-content footer-content"><div class="duhoc-en read-more-container"><aside class="duhoc-en ra-read-more noprint"><h2>Related topics</h2><ul class="duhoc-en ext-related-articles-card-list"><li title="Deep Linking" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/Deep_linking" title="Deep Linking Wiki English">Deep Linking</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="Website linking style">Website linking style</p></div></li><li title="Ethernet Frame" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/Ethernet_frame" title="Ethernet Frame Wiki English">Ethernet Frame</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="Unit of data on an Ethernet network">Unit of data on an Ethernet network</p></div></li><li title="Frame" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/Frame" title="Frame Wiki English">Frame</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="Topics referred to by the same term">Topics referred to by the same term</p></div></li><li title="Framing" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/Framing" title="Framing Wiki English">Framing</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="Topics referred to by the same term">Topics referred to by the same term</p></div></li><li title="History Of The Web Browser" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/History_of_the_web_browser" title="History Of The Web Browser Wiki English">History Of The Web Browser</a></h3><p class="duhoc-en ext-related-articles-card-extract" title=""></p></div></li><li title="Webvtt" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/WebVTT" title="Webvtt Wiki English">Webvtt</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="File format">File format</p></div></li><li title="Web Ontology Language" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/Web_Ontology_Language" title="Web Ontology Language Wiki English">Web Ontology Language</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="Family of knowledge representation languages">Family of knowledge representation languages</p></div></li><li title="Web Crawler" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/WebCrawlerArchitecture.svg/160px-WebCrawlerArchitecture.svg.png); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/Web_crawler" title="Web Crawler Wiki English">Web Crawler</a></h3><p class="duhoc-en ext-related-articles-card-extract" title="Software which systematically browses the World Wide Web">Software which systematically browses the World Wide Web</p></div></li><li title="Xframes" class="duhoc-en ext-related-articles-card"><div class="duhoc-en ext-related-articles-card-thumb ext-related-articles-card-thumb-placeholder lazyload" style="background-image: url(https://vi.m.wikipedia.org/w/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg); height: 100%; width: 80px;"></div><div class="duhoc-en ext-related-articles-card-detail"><h3><a href="/wiki/en/XFrames" title="Xframes Wiki English">Xframes</a></h3><p class="duhoc-en ext-related-articles-card-extract" title=""></p></div></li></ul></aside></div></div><div id="bodyContent" class="duhoc-en content toptrend" style=""><div class="duhoc-en clearfix spacer" style="height:20px;"></div><h3 style="display: inline;">🔥 Trending searches on Wiki English:</h3><a href="/wiki/en/LinkedIn" title="LinkedIn Wiki">LinkedIn</a><a href="/wiki/en/Rihanna" title="Rihanna Wiki">Rihanna</a><a href="/wiki/en/OnlyFans" title="OnlyFans Wiki">OnlyFans</a><a href="/wiki/en/Israel" title="Israel Wiki">Israel</a><a href="/wiki/en/The_Goat_Life" title="The Goat Life Wiki">The Goat Life</a><a href="/wiki/en/Armenia" title="Armenia Wiki">Armenia</a><a href="/wiki/en/Oppenheimer_(film)" title="Oppenheimer (film) Wiki">Oppenheimer (film)</a><a href="/wiki/en/Rahul_Gandhi" title="Rahul Gandhi Wiki">Rahul Gandhi</a><a href="/wiki/en/President_of_Columbia_University" title="President of Columbia University Wiki">President of Columbia University</a><a href="/wiki/en/Bernard_Arnault" title="Bernard Arnault Wiki">Bernard Arnault</a><a href="/wiki/en/Oda_Nobunaga" title="Oda Nobunaga Wiki">Oda Nobunaga</a><a href="/wiki/en/Charles_III" title="Charles III Wiki">Charles III</a><a href="/wiki/en/Inna_Lillahi_wa_inna_ilayhi_raji'un" title="Inna Lillahi wa inna ilayhi raji'un Wiki">Inna Lillahi wa inna ilayhi raji'un</a><a href="/wiki/en/Shirley_MacLaine" title="Shirley MacLaine Wiki">Shirley MacLaine</a><a href="/wiki/en/Varshangalkku_Shesham" title="Varshangalkku Shesham Wiki">Varshangalkku Shesham</a><a href="/wiki/en/Sabrina_Carpenter" title="Sabrina Carpenter Wiki">Sabrina Carpenter</a><a href="/wiki/en/Freddie_Mercury" title="Freddie Mercury Wiki">Freddie Mercury</a><a href="/wiki/en/Carlos_Tevez" title="Carlos Tevez Wiki">Carlos Tevez</a><a href="/wiki/en/Keiko_(orca)" title="Keiko (orca) Wiki">Keiko (orca)</a><a href="/wiki/en/Joe_Manganiello" title="Joe Manganiello Wiki">Joe Manganiello</a><a href="/wiki/en/Fahadh_Faasil" title="Fahadh Faasil Wiki">Fahadh Faasil</a><a href="/wiki/en/Virat_Kohli" title="Virat Kohli Wiki">Virat Kohli</a><a href="/wiki/en/Hannah_Waddingham" title="Hannah Waddingham Wiki">Hannah Waddingham</a><a href="/wiki/en/From_(TV_series)" title="From (TV series) Wiki">From (TV series)</a><a href="/wiki/en/Henry_Cavill" title="Henry Cavill Wiki">Henry Cavill</a><a href="/wiki/en/Nimrod_(comics)" title="Nimrod (comics) Wiki">Nimrod (comics)</a><a href="/wiki/en/Hanuman" title="Hanuman Wiki">Hanuman</a><a href="/wiki/en/Selena_Gomez" title="Selena Gomez Wiki">Selena Gomez</a><a href="/wiki/en/American_Horror_Story" title="American Horror Story Wiki">American Horror Story</a><a href="/wiki/en/Flipkart" title="Flipkart Wiki">Flipkart</a><a href="/wiki/en/Caitlin_Clark" title="Caitlin Clark Wiki">Caitlin Clark</a><a href="/wiki/en/Marvel_Cinematic_Universe" title="Marvel Cinematic Universe Wiki">Marvel Cinematic Universe</a><a href="/wiki/en/Sunny_Leone" title="Sunny Leone Wiki">Sunny Leone</a><a href="/wiki/en/List_of_most-streamed_artists_on_Spotify" title="List of most-streamed artists on Spotify Wiki">List of most-streamed artists on Spotify</a><a href="/wiki/en/England" title="England Wiki">England</a><a href="/wiki/en/Elizabeth_Prelogar" title="Elizabeth Prelogar Wiki">Elizabeth Prelogar</a><a href="/wiki/en/Tupac_Shakur" title="Tupac Shakur Wiki">Tupac Shakur</a><a href="/wiki/en/UEFA_Champions_League" title="UEFA Champions League Wiki">UEFA Champions League</a><a href="/wiki/en/Nicola_Coughlan" title="Nicola Coughlan Wiki">Nicola Coughlan</a><a href="/wiki/en/Prince_(musician)" title="Prince (musician) Wiki">Prince (musician)</a><a href="/wiki/en/List_of_James_Bond_films" title="List of James Bond films Wiki">List of James Bond films</a><a href="/wiki/en/Snapchat" title="Snapchat Wiki">Snapchat</a><a href="/wiki/en/Deadpool_&_Wolverine" title="Deadpool & Wolverine Wiki">Deadpool & Wolverine</a><a href="/wiki/en/Unit_731" title="Unit 731 Wiki">Unit 731</a><a href="/wiki/en/Jude_Bellingham" title="Jude Bellingham Wiki">Jude Bellingham</a><a href="/wiki/en/Babe_Ruth" title="Babe Ruth Wiki">Babe Ruth</a><a href="/wiki/en/John_Blackthorne" title="John Blackthorne Wiki">John Blackthorne</a><a href="/wiki/en/Anyone_but_You" title="Anyone but You Wiki">Anyone but You</a><a href="/wiki/en/Edo_period" title="Edo period Wiki">Edo period</a><a href="/wiki/en/Bharatiya_Janata_Party" title="Bharatiya Janata Party Wiki">Bharatiya Janata Party</a><a href="/wiki/en/Armenian_Genocide_Remembrance_Day" title="Armenian Genocide Remembrance Day Wiki">Armenian Genocide Remembrance Day</a><a href="/wiki/en/Rise_of_the_Planet_of_the_Apes" title="Rise of the Planet of the Apes Wiki">Rise of the Planet of the Apes</a><a href="/wiki/en/Benjamin_Netanyahu" title="Benjamin Netanyahu Wiki">Benjamin Netanyahu</a><a href="/wiki/en/Gulf_War" title="Gulf War Wiki">Gulf War</a><a href="/wiki/en/European_Union" title="European Union Wiki">European Union</a><a href="/wiki/en/Northrop_Grumman_B-2_Spirit" title="Northrop Grumman B-2 Spirit Wiki">Northrop Grumman B-2 Spirit</a><a href="/wiki/en/Eva_Mendes" title="Eva Mendes Wiki">Eva Mendes</a><a href="/wiki/en/Murder_of_Junko_Furuta" title="Murder of Junko Furuta Wiki">Murder of Junko Furuta</a><a href="/wiki/en/Vietnam_War" title="Vietnam War Wiki">Vietnam War</a><a href="/wiki/en/Fallout_(video_game)" title="Fallout (video game) Wiki">Fallout (video game)</a><a href="/wiki/en/Canelo_Álvarez" title="Canelo Álvarez Wiki">Canelo Álvarez</a><a href="/wiki/en/Mole_(unit)" title="Mole (unit) Wiki">Mole (unit)</a><a href="/wiki/en/Tyrese_Maxey" title="Tyrese Maxey Wiki">Tyrese Maxey</a><a href="/wiki/en/List_of_Hindi_films_of_2024" title="List of Hindi films of 2024 Wiki">List of Hindi films of 2024</a><a href="/wiki/en/Oracle_Corporation" title="Oracle Corporation Wiki">Oracle Corporation</a><a href="/wiki/en/William_Adams_(pilot)" title="William Adams (pilot) Wiki">William Adams (pilot)</a><a href="/wiki/en/Animal_(2023_Indian_film)" title="Animal (2023 Indian film) Wiki">Animal (2023 Indian film)</a><a href="/wiki/en/Olivia_Rodrigo" title="Olivia Rodrigo Wiki">Olivia Rodrigo</a><a href="/wiki/en/Yellowstone_(American_TV_series)" title="Yellowstone (American TV series) Wiki">Yellowstone (American TV series)</a><a href="/wiki/en/War_for_the_Planet_of_the_Apes" title="War for the Planet of the Apes Wiki">War for the Planet of the Apes</a><a href="/wiki/en/William_Adams_(sailor,_born_1564)" title="William Adams (sailor, born 1564) Wiki">William Adams (sailor, born 1564)</a><a href="/wiki/en/Taiwan" title="Taiwan Wiki">Taiwan</a><a href="/wiki/en/Merseyside_derby" title="Merseyside derby Wiki">Merseyside derby</a><a href="/wiki/en/Jake_Paul_vs._Mike_Tyson" title="Jake Paul vs. Mike Tyson Wiki">Jake Paul vs. Mike Tyson</a><a href="/wiki/en/Glen_Powell" title="Glen Powell Wiki">Glen Powell</a><a href="/wiki/en/Maadhavi_Latha" title="Maadhavi Latha Wiki">Maadhavi Latha</a><a href="/wiki/en/Robert_Downey_Jr." title="Robert Downey Jr. Wiki">Robert Downey Jr.</a><a href="/wiki/statistics-en.html" target="_blank" title="Top trends keywords Wiki English">🡆 More</a></div></main> <footer class="duhoc-en mw-footer minerva-footer" role="contentinfo"> <div class="duhoc-en post-content footer-content"> <div id='mw-data-after-content'> <div class="duhoc-en read-more-container"></div> </div> <div id="p-lang"> <h4>Languages</h4> <section> <ul class="duhoc-en minerva-languages"><li class="duhoc-en mw-list-item"><a href="/wiki/bg/Framing_(World_Wide_Web)" title="Framing (World Wide Web) – Bulgarian">Framing (World Wide Web) – Bulgarian</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/de/Frame_(HTML)" title="Frame (HTML) – German">Frame (HTML) – German</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/ko/%ED%94%84%EB%A0%88%EC%9E%84_(%EC%9B%94%EB%93%9C_%EC%99%80%EC%9D%B4%EB%93%9C_%EC%9B%B9)" title="프레임 (월드 와이드 웹) – Korean">프레임 (월드 와이드 웹) – Korean</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/it/Framing_(WWW)" title="Framing (WWW) – Italian">Framing (WWW) – Italian</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/kk/%D0%96%D0%B0%D2%9B%D1%82%D0%B0%D1%83" title="Жақтау – Kazakh">Жақтау – Kazakh</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/sw/Fremu_(intaneti)" title="Fremu (intaneti) – Swahili">Fremu (intaneti) – Swahili</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/ms/Frame_(HTML)" title="Frame (HTML) – Malay">Frame (HTML) – Malay</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/nl/Frame_(HTML)" title="Frame (HTML) – Dutch">Frame (HTML) – Dutch</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/no/Ramme_(internett)" title="Ramme (internett) – Norwegian Bokmål">Ramme (internett) – Norwegian Bokmål</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/pl/Ramki" title="Ramki – Polish">Ramki – Polish</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/pt/Enquadramento_(World_Wide_Web)" title="Enquadramento (World Wide Web) – Portuguese">Enquadramento (World Wide Web) – Portuguese</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/ru/%D0%A4%D1%80%D0%B5%D0%B9%D0%BC_(HTML)" title="Фрейм (HTML) – Russian">Фрейм (HTML) – Russian</a></li><li class="duhoc-en mw-list-item"><a href="/wiki/uk/%D0%A4%D1%80%D0%B5%D0%B9%D0%BC_(HTML)" title="Фрейм (HTML) – Ukrainian">Фрейм (HTML) – Ukrainian</a></li></ul> </section> </div> <div id="profile user-info" class="duhoc-en footer-content"><h2 id="heading_2">World Wide Web Frame: Tags and attributes, History, Advantages - Wiki English</h2><p id="short_description user-bio">In the context of a web browser, a frame is a part of a web page or browser window which displays content independent of its container, with the ability to load content independently. The HTML or media elements in a frame may come from a web site distinct from the site providing the enclosing content. This practice, known as framing, is today often regarded as a violation of same-origin policy.</p></div> <p style="font-size:14px;clear: left;border-top: solid 0px #c8ccd1;padding-top: 0px; margin-top: 18px;">⚠️ Disclaimer: Content from Wikipedia English language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.<br> Wikipedia does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.</p><b>Notices:</b><ul style="list-style-type: circle;font-size:14px;clear: left;"><li>- A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.</li><li>- Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to</li><li>- <u>Please note:</u> Wiki does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.</li><li><em style="color:#ff0000;">- Readers should not judge the importance of topics based on their coverage on Wiki, nor think a topic is important just because it is the subject of a Wiki article.</em></li></ul><div class="duhoc-en post-contentz"><ul id="footer-info" class="duhoc-en footer-info hlist hlist-separated"> <li id="footer-info-lastmod"> This page was last edited on 15 February 2024, at 16:02<span class="duhoc-en anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Content is available under <a class="duhoc-en external" rel="nofollow noreferrer noopener" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a> unless otherwise noted.</li> </ul> <ul rel="nofollow noreferrer noopener" id="footer-places" class="duhoc-en footer-places hlist hlist-separated post-content footer-content"><li rel="nofollow noreferrer noopener" id="footer-places-terms-use"><a href="/wiki/en/FIFA" target="_blank" title="FIFA World Cup 2026">FIFA World Cup 2026</a></li><li rel="nofollow noreferrer noopener" id="footer-places-terms-use"><a href="https://www.duhoctrungquoc.vn/wikinews/" target="_blank" title="Wiki News"><span>Wiki News</span></a></li><li rel="nofollow noreferrer noopener" id="footer-places-terms-use"><a href="https://www.duhoctrungquoc.vn/travel/" target="_blank" title="Wiki Travel"><span>Wiki Travel</span></a></li><li rel="nofollow noreferrer noopener" id="footer-places-terms-use"><a href="https://www.duhoctrungquoc.vn/dict/" target="_blank" title="Wiki Dictionary"><span>Wiki Dictionary</span></a></li><li rel="nofollow noreferrer noopener" id="footer-places-terms-use"><a href="/wiki/statistics-en.html" target="_blank" title="Topviews Analysis Wiki English"><span>Topviews Wiki English</span></a></li> <li rel="nofollow noreferrer noopener" id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-about"><a href="/wiki/en/Wiki:About">About Wiki</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-disclaimers"><a href="/wiki/en/Wiki:General_disclaimer">Disclaimers</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-contact"><a href="https://en.wikipedia.org/wiki/Wiki:Contact_us">Contact Wiki</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li rel="nofollow noreferrer noopener" id="footer-places-terms-use"><a href="https://foundation.m.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a></li> </ul> </div> </footer> </div> </div> <div class="duhoc-en mw-notification-area" data-mw="interface"></div> <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></noscript><script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js" crossorigin="anonymous"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" crossorigin="anonymous"></script><script defer src="https://cdn.jsdelivr.net/gh/tomickigrzegorz/show-more@1.1.6/dist/js/showMore.min.js" crossorigin="anonymous"></script><script>document.addEventListener('DOMContentLoaded', function(){$(document).ready(function(){ $("img").addClass("duhoc_responsive lazyload"); $("table").addClass("table-responsive");$(".toctogglespan, #mw-mf-main-menu-button").click(function(){$(".toclist_viewer").toggle(200);/*$("header").removeClass("header-fixed").hide(); */ });$(".toctext").click(function(){/*$("header").removeClass("header-fixed"); */ });$("a.external, a.new, a.image, a.extiw, a.text, a.free, a.internal, a.last-modified-bar, a.mw-file-description").click(function(){window.open(this.href);return false;}); $(".back-to-top").click(function(){ $("html, body").animate({scrollTop : 0},"slow"); return false; });$(".back-to-top").hide();/**$(".reflist").hide(); function sticky_relocate() { var window_top = $(window).scrollTop(); var footer_top = $("#footer-info").offset().top; var div_top = $("#Other_languages").offset().top; var div_height = $(".top_lang").height(); var padding = 200; console.log(window_top + " "+ div_height + " " +padding + " --> " + footer_top); if(window_top + div_height +padding> footer_top){ $(".article_footer_sticky").hide(); }else{ $(".article_footer_sticky").show(); } } $(function () { $(window).scroll(sticky_relocate); sticky_relocate(); });**/});$(window).scroll(function(){ var showAfter = 200; if ($(this).scrollTop() > showAfter) { $(".back-to-top").fadeIn(); } else { $(".back-to-top").fadeOut(); }});new ShowMore(".minerva-languages", {config: { type: "list", limit: 23, number: true, more: "&#8594; All languages", less: "&#8592; Less"} });});</script><script>function mfTempOpenSection(getID) {var x = document.getElementById("mf-section-"+getID); if (x.style.display === "none") { x.style.display = ""; } else { x.style.display = "none"; }}</script><!-- Global site tag (gtag.js) async - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-GTLLE2Y4Q3"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GTLLE2Y4Q3');</script></body> </html>