HTML 5 <iframe> tag
Definition and Usage
The iframe element creates an inline frame that contains another document.
Differences Between HTML 4.01 and HTML 5
Only the src attribute is supported in HTML 5
Tips and Notes
Tip: Use CSS to style the iframe, even to include scrollbars.
Example
| Source |
Output |
<iframe src ="/default.asp">
</iframe> |
|
Attributes
- 4: indicates if the attribute is defined in HTML 4.01
- 5: indicates if the attribute is defined in HTML 5
| Attribute |
Value |
Description |
4 |
5 |
| align |
left
right
top
middle
bottom |
Specifies how to align the iframe according to the
surrounding text. Not supported, use CSS instead. |
4 |
|
| frameborder |
1
0 |
Specifies whether or not to display a frame border. Not
supported, use CSS instead. |
4 |
|
| height |
pixels
% |
Defines the height of the iframe. Not supported, use CSS
instead. |
4 |
|
| longdesc |
URL |
A URL to a long description of the frame contents. Not
supported. |
4 |
|
| marginheight |
pixels |
Defines the top and bottom margins of the iframe. Not
supported, use CSS instead. |
4 |
|
| marginwidth |
pixels |
Defines the left and right margins of the iframe. Not
supported, use CSS instead. |
4 |
|
| name |
frame_name |
Specifies a unique name of the iframe (to use in scripts).
Not supported, use CSS instead. |
4 |
|
| scrolling |
yes
no
auto |
Define scroll bars. Not supported, use CSS instead. |
4 |
|
| src |
URL |
The URL of the document to show in the iframe |
4 |
5 |
| width |
pixels
% |
Defines the width of the iframe. Not supported, use CSS
instead. |
4 |
|
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id,
irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard
Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes
in HTML 5.
Try-It-Yourself Demos
Inline frame
How to create an inline frame (a frame inside an HTML page).
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a fully functional free 30-day trial today!
|