

Site administrators should be careful, though, that any site they embed in an iframe is trusted and reliable. Legitimate iframe use is controlled by the site and is subject to web browser security isolation. Websites that use iframe elements are not inherently more or less secure than other sites. With the advent of the likes of dynamic HTML an AJAX iframe has lost popularity, however. An iframe is a simple and effective method of creating dynamic web content. Such methods can create more interactive and integrated sites than using an iframe to load another static page. New methods of creating dynamic web content using dynamic HTML and AJAX are now more common. Using an iframe for dynamic content is simple and effective, but it is becoming less popular. When the user clicks a page to view in the menu, it can load the content within the iframe without navigating away from the parent page. The parent site shows a list of pages along the left side of the screen and has an iframe in the center of the page. For example, imagine a simple documentation website. Third-party web analytics tools may also use a hidden iframe to monitor the user without being seen.Īn iframe may also be used to load dynamic or changing page content. When the browser calls the ad site, it loads an appropriate ad and counts the viewer. The site owner puts the iframe in the appropriate portion of their site. This is also how many web ads and trackers work. Using an iframe is the accepted way to embed a YouTube video or Google Maps content. The child site can load its own content and cookies, so sites may allow it where they don't allow direct hotlinking content. The most common use of an iframe is to load content from another site within the page. The iframe content may not be properly indexed, so it may affect a site's SEO. Since they require additional memory and processing, their overuse can cause the page to perform poorly. Administrators should use caution when using more than one iframe. The parent site can define aspects of the iframe such as size, position and security context. They can also be refreshed and loaded asynchronously from the parent site.

It can load its own JavaScript and CSS separate from the parent.

The child iframe is a complete browsing environment within the parent frame. It is called an inline frame because to the user it is all one web page. It takes the code from the referenced src or srcdoc and renders it as its own website that is then put entirely within the parent browsing page. When the web browser encounters an iframe element, it creates a new HTML document environment to load the content within. It is supported by all major web browsers and is included in the latest HTML5 specifications. How does an iframe work?Īn iframe is an element of HTML code. They are commonly used for advertisements, embedded videos, web analytics and interactive content. It essentially puts another webpage within the parent page. An inline frame (iframe) is a HTML element that loads another HTML page within the document.
