{"id":13714,"date":"2018-12-23T22:10:29","date_gmt":"2018-12-23T22:10:29","guid":{"rendered":"https:\/\/www.hostinger.com\/tutorials\/?p=13714"},"modified":"2026-03-09T19:19:53","modified_gmt":"2026-03-09T19:19:53","slug":"what-is-iframe","status":"publish","type":"post","link":"\/ng\/tutorials\/what-is-iframe\/","title":{"rendered":"What is an iFrame?"},"content":{"rendered":"

An inline frame (iFrame) is an element that loads another HTML element inside of a web page<\/strong>. They are commonly used to embed specific content like external ads, videos, tags, or other interactive elements into the page.<\/p>

So, you may be wondering how it’s done. Chances are the web designer put an iFrame element within that page.<\/p>

In this article, we will take a closer look at iFrame and how to use it, and talk about other factors worth considering before you put an iFrame into your HTML document.<\/p>

\n\n\n\n<\/p>

How to use iFrame<\/h2>

You shouldn’t use iFrame excessively. It can slow down your page and pose a security risk, especially if you use content from a suspicious website. Think about an iFrame as a part of your content, but not part of your site. For example, if you want to add a YouTube video, you can insert an iFrame element to that post.<\/p>

Now you know that iFrame is an additional element to share content from other sites. You can add it to give context about a certain topic to the readers. You can insert an iFrame element by using the <iframe><\/strong> tag in an HTML document. Copy the code below and paste it to notepad, and save the file as .html<\/strong> format:<\/p>

<iframe src=\"https:\/\/www.youtube.com\/embed\/dXBohfjc4WA\" width=\"680\" height=\"480\" allowfullscreen><\/iframe><\/pre>
\"Iframe<\/figure><\/div>
The code above will display a YouTube tutorial video by Hostinger. Let’s examine each tag separately:<\/p>