Home > DeveloperSection > Articles > HTML 5 iframe tag

HTML 5 iframe tag


HTML5 HTML5 
Ratings:
0 Comment(s)
 3905  View(s)
Rate this:

HTML 5 iframe tag

An inline frame allows you to embed another document within the current HTML document. To create an inline frame, we need a second HTML document. This second document contains the content within the inline frame. We use the iframe src attribute to specify the source of the other document, as well as other attributes to determine the height, width etc. IFrames are useful for a wide variety of content and especially for in-site navigation where you can use on to load pages or code snippets dynamically on a page without being an AJAX programmer and without using any javascript.In this article I am trying to show  you that how we can use iframe tag.

Element-specific attribute

height           

Specifies the height of the iframe

name

Specifies the name of the iframe

sandbox

Specifies restrictions to the frame content

seamless

Specifies that the iframe should be seamlessly integrated in the document

src     

Specifies the URL of the document to show in the iframe

srdoc

Specifies the HTML of the document showing in the iframe

width

Specifies the width of the iframe.

 

In this article I am using two iframe tags, first one for MINDSTICK and second for GOOGLE as shown below:

 

<body>

    <form id="form1" runat="server">

   <iframe src="http://www.mindstick.com" width="300" height="500" frameborder="1" scrolling="no" ></iframe> <%--using iframe tag and we have to specifiy the URL of the document to show in the iframe --%>

   <iframe src="http://www.google.com" width="300" height="500" ></iframe>

    </form>

</body>

Screenshot

HTML 5 iframe tag

 


Don't want to miss updates? Please click the below button!

Follow MindStick