Iframe
Related Doc:
package tag
Provides a hint for generating a keyboard shortcut for the current element.
Provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.
The alignment of this element with respect to the surrounding context.
This attribute can be set to
true if the frame is allowed to be placed into full screen mode by calling its
element.mozRequestFullScreen() method.
This attribute can be set to
true if the frame is allowed to be placed into full screen mode by calling its
element.mozRequestFullScreen() method. If this isn't set, the element can't be placed into full screen mode.
Is a space-separated list of the classes of the element.
Is a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the
class selectors or functions like the method
Document.getElementsByClassName().
Is an enumerated attribute indicating if the element should be editable by the user.
Is an enumerated attribute indicating if the element should be editable by the user. If so, the browser modifies its widget to allow editing. The attribute must take one of the following values:
true or the empty string, which indicates that the element must be editable;false, which indicates that the element must not be editable.
Is the
id of an
<menu> to use as the contextual menu for this element.
Is an enumerated attribute indicating the directionality of the element's text.
Is an enumerated attribute indicating the directionality of the element's text. It can have the following values:
ltr, which means left to right and is to be used for languages that are written from the left to the right (like English);rtl, which means right to left and is to be used for languages that are written from the right to the left (like Arabic);auto, which let the user agent decides. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then apply that directionality to the whole element.
Is an enumerated attribute indicating whether the element can be dragged, using the Drag and Drop API.
Is an enumerated attribute indicating whether the element can be dragged, using the Drag and Drop API. It can have the following values:
true, which indicates that the element may be draggedfalse, which indicates that the element may not be dragged.
Is an enumerated attribute indicating what types of content can be dropped on an element, using the Drag and Drop API.
Is an enumerated attribute indicating what types of content can be dropped on an element, using the Drag and Drop API. It can have the following values:
copy, which indicates that dropping will create a copy of the element that was draggedmove, which indicates that the element that was dragged will be moved to this new location.link, will create a link to the dragged data.
The value 1 (the default) tells the browser to draw a border between this frame and every other frame.
The value 1 (the default) tells the browser to draw a border between this frame and every other frame. The value 0 tells the browser not to draw a border between this frame and other frames.
Indicates the height of the frame HTML5 in CSS pixels, or HTML 4.01 in pixels or as a percentage.
Indicates the height of the frame HTML5 in CSS pixels, or HTML 4.01 in pixels or as a percentage.
Is a Boolean attribute indicates that the element is not yet, or is no longer, relevant.
Is a Boolean attribute indicates that the element is not yet, or is no longer, relevant. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.
Defines a unique identifier (ID) which must be unique in the whole document.
Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).
These attributes are related to the WHATWG HTML Microdata feature.
These attributes are related to the WHATWG HTML Microdata feature.
Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in.
Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the Tags for Identifying Languages (BCP47) IETF document. xml:lang has priority over it.
A URI of a long description of the frame.
A URI of a long description of the frame. Due to widespread misuse, this is not helpful for non-visual browsers.
The amount of space in pixels between the frame's content and its top and bottom margins.
The amount of space in pixels between the frame's content and its left and right margins.
Use
allowfullscreen instead.
Use
allowfullscreen instead. In Gecko 9.0 or later, this attribute can be set to
true if the frame is allowed to be placed into full screen mode by calling its
element.mozRequestFullScreen() method. If this isn't set, the element can't be placed into full screen mode.
For frames hosting an open web app, this specifies the URL of the app manifest.
For frames hosting an open web app, this specifies the URL of the app manifest. This ensures that the app is loaded with the right permissions. See Using the Browser API for details. Available in Gecko 13.0 and later.
Indicates that the frame is to appear like a top-level browser window to the embedded content.
Indicates that the frame is to appear like a top-level browser window to the embedded content. This means that
window.top
,
window.parent
,
window.frameElement,
etc. will not reflect the frame hierarchy. This allows for a web browser UI to be implemented entirely with web technology, given the right permissions. See
Using the Browser API for details. Available in Gecko 13.0 and later.
A name for the embedded browsing context (or frame).
Load the frame's page in a separate content process.
If specified as an empty string, this attribute enables extra restrictions on the content that can appear in the inline frame.
If specified as an empty string, this attribute enables extra restrictions on the content that can appear in the inline frame. The value of the attribute can either be an empty string (all the restrictions are applied), or a space-separated list of tokens that lift particular restrictions. Valid tokens are:
allow-same-origin: Allows the content to be treated as being from its normal origin. If this keyword is not used, the embedded content is treated as being from a unique origin.allow-top-navigation: Allows the embedded browsing context to navigate (load) content to the top-level browsing context. If this keyword is not used, this operation is not allowed.allow-forms: Allows the embedded browsing context to submit forms. If this keyword is not used, this operation is not allowed.allow-popups: Allows popups (like from window.open, target="_blank", showModalDialog). If this keyword is not used, that functionality will silently fail.allow-scripts: Allows the embedded browsing context to run scripts (but not create pop-up windows). If this keyword is not used, this operation is not allowed.allow-pointer-lock: Allows the embedded browsing context to use the Pointer Lock API.allow-unsandboxed-auxiliary: (Chrome only) Allows a sandboxed document to open new windows without forcing the sandboxing flags upon them. This will allow, for example, a third-party advertisement to be safely sandboxed without forcing the same restrictions upon a landing page.Note:
allow-scripts and allow-same-origin at the same time, as that allows the embedded document to programmatically remove the sandbox attribute. Although it is accepted, this case is no more secure than not using the sandbox attribute.iframe. It is recommended that such content should be served from a separate dedicated domain, to limit the potential damage.sandbox attribute is not supported in Internet Explorer 9 and earlier versions.
Enumerated attribute indicating when the browser should provide a scroll bar (or other scrolling device) for the frame:
Enumerated attribute indicating when the browser should provide a scroll bar (or other scrolling device) for the frame:
auto: Only when needed.yes: Always provide a scroll bar.no: Never provide a scoll bar.
This
Boolean attribute indicates that the browser should render the inline frame in a way that makes it appear to be part of the containing document, for example by applying CSS styles that apply to the
<iframe> to the contained document before styles specified in that document, and by opening links in the contained documents in the parent browsing context (unless another setting prevents this).
This
Boolean attribute indicates that the browser should render the inline frame in a way that makes it appear to be part of the containing document, for example by applying CSS styles that apply to the
<iframe> to the contained document before styles specified in that document, and by opening links in the contained documents in the parent browsing context (unless another setting prevents this). In XHTML, attribute minimization is forbidden, and the seamless attribute must be defined as
<iframe seamless="seamless">.
Is an enumerated attribute defines whether the element may be checked for spelling errors.
Is an enumerated attribute defines whether the element may be checked for spelling errors. It may have the following values:
true, which indicates that the element should be, if possible, checked for spelling errors;false, which indicates that the element should not be checked for spelling errors.
The URL of the page to embed.
The content of the page that the embedded context is to contain.
The content of the page that the embedded context is to contain. This attribute is expected to be used together with the sandbox and seamless attributes. If a browser supports the
srcdoc attribute, it will override the content specified in the
src attribute (if present). If a browser does NOT support the
srcdoc attribute, it will show the file specified in the
src attribute instead (if present).
Contains CSS styling declarations to be applied to the element.
Is an integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.
Is an integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:
0 means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;
Contains a text representing advisory information related to the element it belongs to.
Contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.
Is an enumerated attribute that is used to specify whether an element's attribute values and the values of it
s
Text node children are to be translated when the page is localized, or whether to leave them unchanged.
Is an enumerated attribute that is used to specify whether an element's attribute values and the values of it
s
Text node children are to be translated when the page is localized, or whether to leave them unchanged. It can have the following values:
"yes", which indicates that the element will be translated."no", which indicates that the element will not be translated.
Use
allowfullscreen instead.
Use
allowfullscreen instead. In Chrome 17 or later (and maybe earlier), this attribute can be set to
true if the frame is allowed to be placed into full screen mode by calling its
element.webkitRequestFullScreen() method. If this isn't set, the element can't be placed into full screen mode.
Indicates the width of the frame HTML5 in CSS pixels, or HTML 4.01 in pixels or as a percentage.
Indicates the width of the frame HTML5 in CSS pixels, or HTML 4.01 in pixels or as a percentage.
The HTML Inline Frame Element (
<iframe>) represents a nested browsing context, effectively embedding another HTML page into the current page. In HTML 4.01, a document may contain aheadand abodyor aheadand aframe-set, but not both abodyand aframe-set. However, an<iframe>can be used within a normal document body. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the parent browsing context. The top-level browsing context (which has no parent) is typically the browser window.