{"id":1425,"date":"2025-09-28T18:53:03","date_gmt":"2025-09-28T11:53:03","guid":{"rendered":"https:\/\/www.linuxid.net\/istilah\/?p=1425"},"modified":"2025-09-28T18:53:03","modified_gmt":"2025-09-28T11:53:03","slug":"inline-frame-iframe","status":"publish","type":"post","link":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/","title":{"rendered":"inline frame (iframe)"},"content":{"rendered":"

Apa itu inline frame (iframe)?<\/h2>\n

Inline frame (iframe) adalah elemen HTML<\/a> yang digunakan untuk memuat halaman HTML lain di dalam sebuah dokumen. Secara sederhana, iframe menempatkan halaman web lain di dalam halaman induk. Iframe sering digunakan untuk iklan, video ter-embed, web analytics, dan konten interaktif.<\/p>\n

Bagaimana cara kerja iframe?<\/h2>\n

Iframe adalah elemen dalam kode HTML. Semua browser modern mendukung iframe, dan elemen ini juga termasuk dalam spesifikasi HTML5<\/a> terbaru.<\/p>\n

Ketika browser menemukan elemen iframe, ia membuat environment dokumen HTML baru untuk memuat kontennya. Browser mengambil kode<\/a> dari atribut src<\/code> atau srcdoc<\/code> dan merendernya sebagai sebuah website terpisah yang kemudian ditampilkan di dalam halaman induk. Disebut inline frame karena dari sisi pengguna terlihat seperti satu halaman web saja.<\/p>\n

Iframe anak adalah environment browsing lengkap di dalam frame induk. Iframe ini bisa memuat JavaScript<\/a> dan CSS<\/a>-nya sendiri, terpisah dari halaman induk. Iframe juga bisa direfresh atau dimuat secara asynchronous dari situs induk.<\/p>\n

Situs induk dapat menentukan aspek iframe seperti ukuran, posisi, dan konteks keamanan. Administrator sebaiknya berhati-hati jika menggunakan lebih dari satu iframe, karena iframe membutuhkan memori dan pemrosesan tambahan. Terlalu banyak iframe bisa memperlambat performa halaman. Selain itu, konten dalam iframe sering tidak terindeks dengan baik oleh mesin pencari sehingga dapat memengaruhi SEO.<\/p>\n

Bagaimana iframe digunakan?<\/h2>\n

Penggunaan paling umum dari iframe adalah untuk memuat konten dari situs lain ke dalam halaman. Iframe anak dapat memuat kontennya sendiri dan menyimpan cookies, sehingga sering digunakan pada situasi ketika situs tidak mengizinkan hotlinking langsung. Contoh paling populer adalah embedding video YouTube atau konten Google Maps.<\/p>\n

Iframe juga menjadi mekanisme utama dalam iklan web dan tracker. Pemilik situs menempatkan iframe pada bagian tertentu dari website mereka. Ketika browser memanggil server iklan, iframe memuat iklan yang sesuai dan menghitung jumlah tayangan. Tools web analytics<\/a> pihak ketiga juga kadang menggunakan iframe tersembunyi untuk melacak pengguna tanpa terlihat.<\/p>\n

Selain itu, iframe bisa dipakai untuk memuat konten dinamis. Misalnya, pada sebuah situs dokumentasi sederhana: halaman induk menampilkan daftar menu di sisi kiri, sementara bagian tengah menampilkan iframe. Saat pengguna memilih halaman dari menu, konten bisa dimuat di dalam iframe tanpa harus meninggalkan halaman induk.<\/p>\n

Menggunakan iframe untuk konten dinamis itu sederhana dan efektif, tetapi kini mulai jarang digunakan. Metode baru seperti dynamic HTML<\/a> dan AJAX<\/a> lebih populer karena dapat menghasilkan situs yang lebih interaktif dan terintegrasi dibandingkan sekadar menampilkan halaman statis melalui iframe.<\/p>\n

\"AJAX,
<\/i>Iframe adalah metode sederhana dan efektif untuk membuat konten web dinamis. Namun, dengan hadirnya teknologi seperti dynamic HTML dan AJAX, penggunaan iframe semakin menurun.<\/figcaption>
<\/div>\n<\/figure>\n

Keamanan iframe<\/h2>\n

Website yang menggunakan iframe tidak otomatis lebih aman atau lebih berisiko dibandingkan situs lain. Penggunaan iframe yang sah dikendalikan oleh situs induk dan dibatasi oleh mekanisme isolasi keamanan browser. Namun, admin harus memastikan situs yang dimuat di dalam iframe memang terpercaya dan aman.<\/p>\n

Iframe juga bisa dimanfaatkan secara berbahaya. Hacker yang berhasil menginjeksi situs bisa menanamkan iframe tersembunyi untuk membajak klik, memasang malware<\/a>, atau mencuri data. Malware komputer yang berbentuk browser extension juga dapat menambahkan iframe ke dalam situs yang sah. Akibatnya, website normal bisa menampilkan iklan tidak diinginkan atau bahkan menjadi bagian dari botnet.<\/p>\n

Kelebihan dan kekurangan iframe<\/h2>\n

Iframe memiliki sejumlah kelebihan dan kekurangan:<\/p>\n

Kelebihan<\/h3>\n
    \n
  • mudah digunakan<\/li>\n
  • didukung luas oleh browser<\/li>\n
  • bisa menampilkan konten pihak ketiga<\/li>\n
  • dapat menghindari batasan CORS<\/li>\n<\/ul>\n

    Kekurangan<\/h3>\n
      \n
    • boros memori dan CPU<\/li>\n
    • tidak ada kontrol terhadap situs pihak ketiga<\/li>\n
    • sulit diterapkan pada desain responsif<\/li>\n
    • dapat berdampak negatif pada SEO<\/li>\n<\/ul>\n

      Lihat juga: <\/em>Cara mengamankan berbagai jenis aplikasi<\/em> dan <\/em>gambaran dasar tentang micro front end<\/em>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

      Apa itu inline frame (iframe)? Inline frame (iframe) adalah elemen HTML yang digunakan untuk memuat halaman HTML lain di dalam sebuah dokumen. Secara sederhana, iframe menempatkan halaman web lain di dalam halaman induk. Iframe sering digunakan untuk iklan, video ter-embed, web analytics, dan konten interaktif. Bagaimana cara kerja iframe? Iframe adalah elemen dalam kode HTML. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[45],"class_list":["post-1425","post","type-post","status-publish","format-standard","hentry","category-computer-science","tag-internet-technologies"],"yoast_head":"\nApa itu inline frame (iframe)? - Istilah Komputer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa itu inline frame (iframe)? - Istilah Komputer\" \/>\n<meta property=\"og:description\" content=\"Apa itu inline frame (iframe)? Inline frame (iframe) adalah elemen HTML yang digunakan untuk memuat halaman HTML lain di dalam sebuah dokumen. Secara sederhana, iframe menempatkan halaman web lain di dalam halaman induk. Iframe sering digunakan untuk iklan, video ter-embed, web analytics, dan konten interaktif. Bagaimana cara kerja iframe? Iframe adalah elemen dalam kode HTML. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/\" \/>\n<meta property=\"og:site_name\" content=\"Istilah Komputer\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-28T11:53:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png\" \/>\n<meta name=\"author\" content=\"adhit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"adhit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/\",\"url\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/\",\"name\":\"Apa itu inline frame (iframe)? - Istilah Komputer\",\"isPartOf\":{\"@id\":\"https:\/\/linuxid.net\/istilah\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png\",\"datePublished\":\"2025-09-28T11:53:03+00:00\",\"author\":{\"@id\":\"https:\/\/linuxid.net\/istilah\/#\/schema\/person\/ec7c6c711087fb70886ff5a4fe68e83d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#primaryimage\",\"url\":\"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png\",\"contentUrl\":\"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/linuxid.net\/istilah\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"inline frame (iframe)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/linuxid.net\/istilah\/#website\",\"url\":\"https:\/\/linuxid.net\/istilah\/\",\"name\":\"Istilah Komputer\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/linuxid.net\/istilah\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/linuxid.net\/istilah\/#\/schema\/person\/ec7c6c711087fb70886ff5a4fe68e83d\",\"name\":\"adhit\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/linuxid.net\/istilah\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.linuxid.net\/istilah\/wp-content\/litespeed\/avatar\/808829c8eb1b70c161b392916104c2ba.jpg?ver=1777193465\",\"contentUrl\":\"https:\/\/www.linuxid.net\/istilah\/wp-content\/litespeed\/avatar\/808829c8eb1b70c161b392916104c2ba.jpg?ver=1777193465\",\"caption\":\"adhit\"},\"sameAs\":[\"https:\/\/linuxid.net\/istilah\"],\"url\":\"https:\/\/www.linuxid.net\/istilah\/author\/xsandradietsax\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa itu inline frame (iframe)? - Istilah Komputer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/","og_locale":"id_ID","og_type":"article","og_title":"Apa itu inline frame (iframe)? - Istilah Komputer","og_description":"Apa itu inline frame (iframe)? Inline frame (iframe) adalah elemen HTML yang digunakan untuk memuat halaman HTML lain di dalam sebuah dokumen. Secara sederhana, iframe menempatkan halaman web lain di dalam halaman induk. Iframe sering digunakan untuk iklan, video ter-embed, web analytics, dan konten interaktif. Bagaimana cara kerja iframe? Iframe adalah elemen dalam kode HTML. […]","og_url":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/","og_site_name":"Istilah Komputer","article_published_time":"2025-09-28T11:53:03+00:00","og_image":[{"url":"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png","type":"","width":"","height":""}],"author":"adhit","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"adhit","Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/","url":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/","name":"Apa itu inline frame (iframe)? - Istilah Komputer","isPartOf":{"@id":"https:\/\/linuxid.net\/istilah\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#primaryimage"},"image":{"@id":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png","datePublished":"2025-09-28T11:53:03+00:00","author":{"@id":"https:\/\/linuxid.net\/istilah\/#\/schema\/person\/ec7c6c711087fb70886ff5a4fe68e83d"},"breadcrumb":{"@id":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#primaryimage","url":"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png","contentUrl":"https:\/\/www.techtarget.com\/rms\/onlineimages\/ajax_in_a_nutshell-f_mobile.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.linuxid.net\/istilah\/inline-frame-iframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/linuxid.net\/istilah\/"},{"@type":"ListItem","position":2,"name":"inline frame (iframe)"}]},{"@type":"WebSite","@id":"https:\/\/linuxid.net\/istilah\/#website","url":"https:\/\/linuxid.net\/istilah\/","name":"Istilah Komputer","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/linuxid.net\/istilah\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/linuxid.net\/istilah\/#\/schema\/person\/ec7c6c711087fb70886ff5a4fe68e83d","name":"adhit","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/linuxid.net\/istilah\/#\/schema\/person\/image\/","url":"https:\/\/www.linuxid.net\/istilah\/wp-content\/litespeed\/avatar\/808829c8eb1b70c161b392916104c2ba.jpg?ver=1777193465","contentUrl":"https:\/\/www.linuxid.net\/istilah\/wp-content\/litespeed\/avatar\/808829c8eb1b70c161b392916104c2ba.jpg?ver=1777193465","caption":"adhit"},"sameAs":["https:\/\/linuxid.net\/istilah"],"url":"https:\/\/www.linuxid.net\/istilah\/author\/xsandradietsax\/"}]}},"_links":{"self":[{"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/posts\/1425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/comments?post=1425"}],"version-history":[{"count":1,"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/posts\/1425\/revisions"}],"predecessor-version":[{"id":6360,"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/posts\/1425\/revisions\/6360"}],"wp:attachment":[{"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/media?parent=1425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/categories?post=1425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.linuxid.net\/istilah\/wp-json\/wp\/v2\/tags?post=1425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}