Cara Menggunakan SSI Include untuk File HTML

Mekanisme Server Side Includes (SSI)

Server Side Includes (SSI) adalah teknik sisi server yang memungkinkan pengembang untuk menyisipkan konten dari satu file ke file lainnya sebelum halaman dikirim ke browser. Metode ini sangat efisien untuk mengelola elemen berulang seperti header, footer, atau navigasi tanpa harus melakukan copy-paste kode secara manual di setiap halaman.

Sintaks Dasar SSI

Untuk menyisipkan file HTML, gunakan direktif <!--#include virtual="path/to/file.html" -->. Pastikan file yang akan disisipkan memiliki ekstensi yang diizinkan oleh server (biasanya .shtml atau dikonfigurasi melalui .htaccess).

<!--#include virtual="/includes/header.html" -->
<h1>Konten Utama Halaman</h1>
<!--#include virtual="/includes/footer.html" -->

Tabel Perbandingan Metode Include

Langkah Implementasi pada Apache

Agar server Apache mengenali perintah SSI, Anda harus memastikan modul mod_include aktif. Berikut adalah langkah-langkah konfigurasinya:

1. Pastikan modul aktif dengan perintah sudo a2enmod include.
2. Edit file konfigurasi virtual host atau file .htaccess Anda.
3. Tambahkan baris berikut untuk mengizinkan eksekusi SSI:

Options +Includes
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml

Tips Troubleshooting

• File Tidak Muncul: Pastikan path file bersifat relatif terhadap root dokumen server (gunakan tanda slash / di awal).
• Izin Akses: Pastikan user server (seperti www-data) memiliki izin baca (read permission) pada file yang akan di-include.
• Ekstensi File: Jika Anda ingin menggunakan file .html biasa tanpa mengubahnya menjadi .shtml, tambahkan AddOutputFilter INCLUDES .html pada konfigurasi server Anda.

SSI tetap menjadi solusi ringan dan tangguh untuk situs statis yang membutuhkan modularitas tanpa harus menggunakan bahasa pemrograman backend yang kompleks seperti PHP atau framework JavaScript modern.