Bagaimana Saya Dapat Menampilkan Bagian Tertentu dari Halaman Web Lain di Situs Saya?

Teknik Menampilkan Bagian Halaman Web Lain

Menangani situs besar dengan banyak halaman sering kali memakan waktu dan biaya, terutama bila setiap halaman harus diperbarui secara manual. Salah satu solusi efektif adalah membuat satu file header atau menu yang dapat dipanggil di semua halaman. Pada dasarnya ada dua metode populer: menggunakan PHP include() dan memanfaatkan tag <iframe> di HTML.

1. PHP include()

Dengan PHP, Anda cukup menulis <?php include('header.php'); ?> di bagian atas setiap halaman. File header.php berisi kode HTML yang sama untuk semua halaman, sehingga perubahan hanya perlu dilakukan satu kali.

2. Tag <iframe> dengan Fragment Identifier

Tag <iframe> memungkinkan Anda menampilkan konten dari file lain di dalam halaman Anda. Atribut src menunjuk ke file yang ingin ditampilkan, dan setelah jalur file dapat ditambahkan simbol # diikuti nama id elemen target.

Contoh: <iframe src="https://contoh.com/halaman.html#bagian-spesifik"></iframe>. Browser akan menampilkan bagian halaman mulai dari elemen dengan id="bagian-spesifik".

3. Menyediakan Konten Cadangan

Setiap <iframe> harus memiliki tag penutup. Di antara <iframe> pembuka dan penutup, sertakan teks atau konten alternatif yang akan ditampilkan jika browser tidak mendukung <iframe>:

<iframe src="...">Halaman ini tidak dapat dimuat pada browser Anda.</iframe>

4. Uji Coba dan Perbaikan

Setelah memuat halaman di browser, pastikan konten yang diharapkan muncul, dimulai dari elemen dengan id yang ditargetkan. Jika tidak muncul, coba periksa:

• Apakah URL dan fragment identifier sudah benar?
• Apakah server mengeksekusi PHP? (Pastikan file berakhiran .php dan server mendukung PHP)
• Apakah browser memiliki dukungan penuh untuk <iframe>?

5. Perhatian tentang Dukungan Browser

• Tag <iframe> tidak sepenuhnya standar dan dukungannya dapat bervariasi di berbagai browser.
• Jika menggunakan PHP, pastikan file berada di server yang mendukung PHP sebelum diuji di browser. Kebanyakan penyedia hosting sudah mengaktifkan PHP secara default, namun Anda juga dapat menginstal server lokal (misalnya XAMPP) untuk pengujian.

Dengan mengikuti langkah-langkah ini, Anda dapat menampilkan bagian tertentu dari halaman lain secara efisien, menghemat waktu dan biaya pemeliharaan situs.