iframe

iframe

HTML iframe Element

The <iframe> element is used to insert an independent document or application into your web page. You can also place navigation links to allow the user to change the iframe content. Using it you can strategically place one document into another and specify the external document's size.

HTML CODE EXAMPLE

<a href="http://http://kelasberbagiilmu.blogspot.com/" target="myiframe">Target 1</a>
<br /> 
<a href="http://kelasberbagiilmu.blogspot.com/" target="myiframe">Target 2</a> 
<br /> 
<br /> 
<iframe name="myiframe" src="index.php" style="width:550px; height:100px;"></iframe>

 

Target 1
Target 2

Many software creators and social sites offer their externally driven widgets using the iframe element. They instruct the webmaster to place the iframe into their page code so it loads in the external application window they have ready.

Attributes for this element:

src - specify the source document
Possible Values: "relative or full URL string"

width - specify the width of the iframe
Possible Values: "integer"

height - specify the height of the iframe
Possible Values: "integer"

name - specify a name for the iframe element
Possible Values: "you designate name"

global attributes - global core attributesSee: list of global attributes

New HTML5 attributes for this element:(applies 2014)

sandbox - disable iframe features for security and
Possible Values: "allow-option"
options: "allow-plugins", "allow_forms", "allow_scripts" , "allow_same_origin"

seemless - specify seemless inclusion of the iframe into the document
Possible Values: "seemless"

Events handlers for this element:

global event handlers - global event handler attributesSee: list of global event handlers

Tweet