SHTML adalah singkatan dari Server Side Includes HTML. Ini adalah ekstensi file untuk halaman web yang berisi kode HTML dan instruksi tambahan yang disebut Server Side Includes (SSI). Berbeda dengan file HTML biasa (.html atau .htm) yang diproses langsung oleh browser pengguna, file berformat .shtml diproses terlebih dahulu oleh server web sebelum dikirimkan ke perangkat pengunjung.
Keunggulan utama penggunaan format ini terletak pada kemampuan server untuk menyertakan konten dari satu file ke dalam file lainnya secara dinamis. Contoh penerapan klasiknya adalah menyisipkan satu file navigasi menu (header atau footer) ke dalam puluhan halaman situs web sekaligus. Jika pengelola situs ingin mengubah tautan pada menu tersebut, mereka cukup mengubah satu file sumber saja, dan perubahan akan otomatis diterapkan di semua halaman yang memanggilnya.
Perbandingan SHTML dengan HTML Biasa
| Kriteria | HTML (.html / .htm) | SHTML (.shtml) |
|---|---|---|
| Pemrosesan | Diproses langsung oleh browser klien. | Diproses oleh server web sebelum dikirim ke klien. |
| Fitur SSI | Tidak didukung secara default. | Mendukung penuh perintah Server Side Includes. |
| Penggunaan Ulang Konten | Harus disalin manual di setiap halaman. | Dapat menyertakan file eksternal (include). |
| Beban Server | Sangat ringan. | Sedikit lebih tinggi karena memerlukan parsing server. |
Cara Kerja Server Side Includes (SSI)
Ketika seseorang mengakses halaman SHTML melalui browser, server web (seperti Apache atau Nginx) akan membaca file tersebut baris demi baris. Jika server menemukan direktif khusus SSI seperti <!--#include virtual="header.html" -->, server akan menyisipkan isi dari file header.html ke dalam dokumen tersebut sebelum merakit hasil akhirnya menjadi dokumen HTML standar yang utuh dan mengirimkannya ke browser.
Selain fungsi penyisipan file (include), SSI juga sering digunakan untuk menampilkan informasi dinamis sederhana tanpa memerlukan bahasa pemrograman backend yang kompleks seperti PHP atau Python, contohnya:
- Menampilkan tanggal dan waktu terakhir file dimodifikasi.
- Menampilkan alamat IP pengunjung.
- Menjalankan skrip CGI ringan.
Relevansi Penggunaan SHTML di Era Modern
Meskipun teknologi ini sangat berguna pada masa awal perkembangan web statis untuk menghindari pengulangan kode, penggunaannya kini telah banyak digantikan oleh sistem manajemen konten (CMS) seperti WordPress, penggunaan template mesin modern, atau pemanfaatan Static Site Generator (SSG) seperti Hugo, Jekyll, dan Gatsby yang menawarkan fleksibilitas jauh lebih tinggi.
Namun demikian, beberapa administrator web masih mempertahankan ekstensi .shtml pada server web Apache lama atau untuk kebutuhan spesifik situs web statis berukuran kecil yang tidak membutuhkan database relasional yang kompleks.