Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

iframe

The <iframe> element is used to insert an independent document or application into your web page. We can also place navigation links to allow the user to change the iframe content. You will sometimes see this element at work in WYSIWYG software development, and is also the rendering viewport for software like the DocSnip Code Editor. It is a very versatile element.

Code Example

<p> <a href="http://www.site1.com" target="myiframe">Target 1</a> <a href="http://www.site2.com" target="myiframe">Target 2</a> </p> <iframe name="myiframe" src="index.html" width="500" height="250"></iframe> <iframe srcdoc="<h2>Welcome to the show</h2><p>I like cake</p>"></iframe> open in code editor

Attributes

globals - the global attributes common to all elements possible values: see global attribute list src - specify the source document possible values: "path/to/document" srcdoc - specify content to render in the iframe window possible values: "some content" name - name given to the iframe possible values: "string" sandbox - disable features for security reasons possible values: "allow-forms", "allow-pointer-lock", "allow-popups", "allow-same-origin", "allow-scripts", "allow-top-navigation" seamless - specify seamless inclusion of the iframe into the document possible values: "seamless" allowfullscreen - specify if the iframe can request full screen display possible values: "allowfullscreen" width - specify the element width(consider using CSS width settings instead) possible values: "integer", "percentage" height - specify the element height(consider using CSS height settings instead) possible values: "integer", "percentage"

Official Documentation

http://www.w3.org/TR/html/embedded-content-0.html#the-iframe-element

HTML

Elements

aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr