Inline Frame

inline frame

Inline frame atau disingkat sebagai iframe adalah sebuah tag HTML yang digunakan untuk menampilkan halaman web atau dokumen HTML lainnya di dalam dokumen HTML utama. Dalam hal ini, iframe berperan sebagai kontainer yang menyediakan area khusus untuk menampilkan dokumen HTML atau halaman web lainnya yang terpisah dan independen dari halaman utama.

Dalam implementasinya, iframe dapat diatur ukurannya dan diatur pengaturan scrollbars-nya sehingga konten yang ditampilkan di dalamnya dapat diakses dan ditampilkan secara lebih baik dan fleksibel. Selain itu, iframe juga dapat digunakan untuk menampilkan konten yang berasal dari sumber yang berbeda atau website yang berbeda.

Namun, penggunaan iframe juga dapat menimbulkan masalah keamanan jika tidak diimplementasikan dengan benar. Oleh karena itu, penggunaan iframe harus diperhatikan dan diimplementasikan dengan baik agar tidak menimbulkan masalah keamanan atau masalah tampilan yang tidak diinginkan.

Inline Frame

Pada saat membuat halaman web, kadang kita ingin menampilkan halaman web lain pada halaman tersebut.

Pada kasus seperti itu, kita bisa menggunakan Inline Frame, inline frame di HTML bisa menggunakan tag iframe.

Inline Frame sangat banyak digunakan oleh banyak orang, contoh nya di Youtube menggunakan Inline Frame ketika kita mau menampilkan video Youtube di website kita.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Inline Frame</title>
</head>
<body>
    <h1>Belajar Inline Frame</h1>
    <iframe src="color.html" frameborder="0" height="500px" width="1000px">
        Browser tidak mendukung inline frame
    </iframe>
</body>
</html>
inline frame

iframe di browser

Youtube Inline Frame

iframe youtube

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inline Frame Youtube</title>
</head>
<body>
    <h1>Inline Frame Youtube</h1>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/IjdF4TvxE1I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</body>
</html>
iframe youtube html

browser iframe youtube
Next Post Previous Post
No Comment
Add Comment
comment url