Cara Membuat Iframe pada HTML
 |
| Ilustrasi Iframe HTML |
Sintak:
<iframe src="URL"></iframe>
Atribut panjang dan lebar digunakan untuk menspesifikkan ukuran dari Iframe. Nilai atribut secara spesifik dinyatakan dalam ukuran pixel secara default, tetapi juga dapat dinyatakan dalam ukuran lainnya seperti persen.
<!DOCTYPE html>
<html>
<body>
<p>
Konten berada disini:
</p>
<iframe
src="https://www.penelitian.id/"
height="300"
width="400">
</iframe>
</body>
</html>
Konten berada disini:
Secara default, iframe memiliki border yang mengelilinginya. Untuk menghilangkan border tersebut, maka digunakan atribut style dan properti border CSS.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p>
Konten berada disini:
</p>
<iframe
src="https://www.penelitian.id/"
height="300"
width="400"
style="border:none;">
</iframe>
</body>
</html>
Konten berada disini:
Mengubah Ukuran, Style, dan Warna dari Border Iframe:
<!DOCTYPE html>
<html>
<body>
<p>
Konten berada disini:
</p>
<iframe
src="https://www.penelitian.id/"
height="300"
width="400"
style="border:4px solid orange;">
</iframe>
</body>
</html>
Konten berada disini:
Iframe dapat digunakan sebagai target frame untuk link. Atribut target dari link harus mengacu nama atribut dari iframe.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p>
Klik link teks berikut:
</p>
<iframe
height="300"
width="350"
src="https://www.penelitian.id/"
name="iframe_a">
</iframe>
<p>
<a
href="https://www.penelitian.id/"
target="iframe_a">
blog ElfanMauludi
</a>
</p>
</body>
</html>
Klik link teks berikut:
Klik link blog ElfanMauludi, maka Frame akan menuju ke alamat atau link dari Frame.- 5 Contoh Program Penggunaan SVG Dasar pada HTML [klik]
- 10 Bentuk Ilustrasi yang Sering Dibuat Menggunakan Canvas pada HTML [klik]
- 7 Contoh Penggunaan Elemen Kode Komputer pada HTML [klik]
- 46 Karakter Utama Entitas Reserved pada HTML [klik]
- 11 Fitur Utama pada Pengenalan HTML5 [klik]
- Cara Sederhana Menggunakan Tag Article pada HTML5 [klik]
- Cara Mudah Mendeskripsikan Objek Menggunakan Tag Aside pada HTML5 [klik]
Apa yang dimaksud dengan iframe pada html?
BalasHapusTag < iframe > digunakan untuk menentukan inline frame pada html. Bingkai tersebut digunakan untuk menyematkan dokumen lain pada dokumen HTML. Tag ini digunakan untuk membaca layar yang ditujukan terhadap konten pada Iframe.
HapusApa perbedaan antara Iframe dan Frame pada html?
BalasHapusPerbedaannya adalah Iframe dapat "float" di dalam konten pada halaman, dimana user dapat membuat halaman HTml dan menempatkan Iframe didalamnya, sehingga user dapat memiliki halaman dan menempatkannya pada dokumen lain secara langsung didalamnya. Sedangkan Frame tidak bisa.
HapusApakah aman untuk menggunakan iframe untuk menampilkan konten pada website?
BalasHapusGoogle merekomendasikan untuk tidak menggunakan Iframe pada halaman web. Pada forum google webmaster dengan jelas dinyatakan bahwa iframe dapat menyebabkan masalah bagi para penggunanya. Iframe terkadang digunakan untuk menampilkan konten pada halaman web, namun sangat dianjurkan untuk menghindari penggunaan iframe untuk menampilkan konten.
HapusFrame HTML digunakan untuk membagi jendela browser pengguna menjadi beberapa bagian dimana setiap bagian dapat memuat dokumen HTML secara terpisah. Kumpulan frame pada jendela browser dikenal sebagai frameset. Jendela atau window dibagi menjadi beberap frame dengan cara yang sama seperti pada proses pengaturan tabel yang diubah menjadi beberapa baris dan kolom.
BalasHapusApa yang dimaksud dengan frame atau bingkat dalam konteks web browser?
BalasHapusDalam konteks web browser, frame adalah bagian dari laman web atau jendela browser yang menampilkan konten secara independen dari sumbernya, dengan kemampuan untuk memuat konten secara mandiri.
HapusApa yang dimaksud dengan Iframe pada html?
BalasHapusIframe dalam HTMl adalah singkatan dari Inline Frame. Tag "Iframe" mendefinisikan wilayah persegi panjang pada dokumen tempat browser dapat menampilkan dokumen secara terpisah, termasuk juga scrollbar dan batas dokumen. Frame digunakan untuk menyematkan dokumen lain ke dalam dokumen HTML.
HapusApakah bisa menggunakan tag IFRAME pada html5?
BalasHapusPenggunaan elemen IFRAME pada HTML5 tetap dapat digunakan. Juga, jika IFRAME ingin dipergunakan untuk menampilkan konten html antar domain, proses tersebut juga tetap bisa berjalan lancar, selama tidak ada masalah pada domain yang akan ditampilkan.
HapusKenapa tidak dianjurkan untuk menggunakan IFRAME pada laman html?
BalasHapusBeberapa resiko keamanan yang dapat terjadi, jika sebuah laman menggunakan IFrame didalamnya.
Hapus1. Pengunjung situs kemungkinan akan mendapatkan sebuah formulir web berbahaya yang diapat dirikum dari sumber url tertentu yang didalmnya berisi phishing terhadap data pribadi dari pengunjung tersebut.
2. Pengguna yang berniat jahat dapat memasangi suatu plugin khusus pada situs yang telah dituju.
3. Pengguna dapat melakukan perubahan URL situs pada frame sehingga mengarah pada situs lain yang bersifat kejahatan.
4. Pengguna dapat melacak posisi dan jumlah klik dari pengguna yang lain pada situs yang terdapat frame tersebut.
5. Pengguna jahat dapat melakukan pembajakan terhadap sistem, atau dapat melakukan kendali jarak jauh melalui situs yang terpasang iframe tersebut.
Memang tidak terlalu dianjurkan bagi sebuah situs untuk menggunakan iframe didalamnya, selain memperlambar kinerja dari situs yang memiliki frame, juga situs yang ditautkan dapat melakukan perubahan sewaktu-waktu tanpa diketahui pihak situs yang membuat frame ke situs yang telah melakukan perubahan.
BalasHapus