Mengenal SHTML: Cara Kerja dan Program Pembaca yang Tepat

Apa Itu SHTML?

SHTML (Server Side HTML) bukanlah sebuah program atau aplikasi yang perlu Anda unduh untuk membukanya. SHTML adalah ekstensi file untuk dokumen HTML yang mengandung instruksi Server Side Includes (SSI). File ini dirancang untuk diproses oleh server web sebelum dikirim ke browser pengguna. Oleh karena itu, Anda tidak bisa sekadar 'membuka' file SHTML seperti membuka file .txt atau .doc di komputer lokal tanpa lingkungan server yang tepat.

Cara Membaca dan Menjalankan File SHTML

Untuk melihat konten SHTML sebagaimana mestinya, Anda memerlukan server web yang mendukung SSI (seperti Apache atau Nginx). Jika Anda hanya ingin melihat kode sumbernya, Anda bisa menggunakan editor teks standar. Berikut adalah tabel metode akses berdasarkan kebutuhan Anda:

KebutuhanAlat/ProgramKeterangan
Melihat Kode SumberNotepad++, VS Code, Sublime TextMembuka file sebagai teks mentah untuk diedit.
Menjalankan/RenderApache, Nginx, XAMPPMemerlukan konfigurasi server agar SSI diproses.
Melihat Hasil AkhirGoogle Chrome, Firefox, EdgeHanya bisa dilakukan jika file diakses melalui URL server.

Langkah Menjalankan SHTML di Lokal (XAMPP)

  1. Instal XAMPP di komputer Anda.
  2. Pindahkan file .shtml Anda ke dalam folder htdocs.
  3. Pastikan konfigurasi Apache (httpd.conf) mengizinkan modul include_module dan opsi Includes pada direktori tersebut.
  4. Buka browser dan akses melalui http://localhost/namafile.shtml.

Mengapa File SHTML Tidak Muncul di Browser?

Jika Anda mencoba membuka file SHTML dengan cara klik dua kali (langsung dari folder), browser hanya akan menampilkan kode mentah atau bahkan tidak menampilkan apa pun karena server tidak memproses perintah SSI. SHTML bekerja dengan menyisipkan konten (seperti header atau footer) secara dinamis dari file lain ke dalam halaman utama saat permintaan terjadi. Jika tidak ada server yang menjalankan instruksi tersebut, file tersebut hanyalah teks biasa yang tidak lengkap.

Troubleshooting Umum

  • File Terlihat Berantakan: Pastikan server web Anda sudah aktif dan modul SSI telah diaktifkan di konfigurasi server.
  • Error 500: Periksa sintaks SSI di dalam file. Kesalahan penulisan tag <!--#include virtual="file.html" --> sering menyebabkan kegagalan server.
  • Ekstensi Tidak Terbaca: Pastikan server dikonfigurasi untuk memetakan ekstensi .shtml ke handler SSI.