File berformat .shtml adalah halaman web yang menggunakan Server Side Includes (SSI). Berbeda dengan file HTML biasa yang langsung dirender oleh browser, file SHTML memerlukan server web untuk memproses instruksi SSI sebelum dikirim ke layar pengguna. Jika Anda mencoba membuka file ini secara langsung dengan mengklik dua kali di komputer, browser mungkin hanya menampilkan kode sumber atau pesan error jika elemen server-side tidak terbaca.
Untuk membuka dan melihat isi file SHTML secara instan tanpa server lokal, Anda dapat menggunakan web browser seperti Google Chrome, Mozilla Firefox, atau Microsoft Edge. Namun, karena file ini berisi kode pemrograman web, tampilan yang dihasilkan di browser mungkin tidak sempurna jika elemen SSI seperti perintah mencantumkan footer atau header dinamis gagal dieksekusi tanpa bantuan server web Apache atau Nginx.
Alat dan Aplikasi untuk Membuka SHTML
Memilih perangkat lunak yang tepat sangat bergantung pada tujuan Anda, apakah hanya ingin membaca, mengedit kode sumber, atau menjalankan file secara utuh dengan fungsi server. Berikut adalah daftar aplikasi utama yang kompatibel untuk menangani ekstensi file SHTML di berbagai sistem operasi:
| Nama Aplikasi | Fungsi Utama | Platform | Tingkat Kesulitan |
|---|---|---|---|
| Visual Studio Code | Mengedit kode SHTML & HTML | Windows, macOS, Linux | Mudah |
| Notepad++ | Melihat dan mengubah teks ringan | Windows | Sangat Mudah |
| Google Chrome | Melihat hasil render visual web | Semua Platform | Sangat Mudah |
| XAMPP / Localhost | Menjalankan fungsi SSI secara penuh | Windows, macOS, Linux | Menengah |
Penggunaan text editor seperti Visual Studio Code atau Notepad++ adalah cara terbaik jika Anda ingin memodifikasi baris kode di dalam file SHTML. Editor ini mendukung fitur syntax highlighting yang membuat struktur tag HTML dan instruksi SSI lebih mudah dibaca serta dibedakan warnanya.
Langkah-Langkah Membuka dan Mengedit File SHTML
Bagi Anda yang ingin melihat isi teks atau merombak kode di dalam file SHTML, ikuti prosedur praktis menggunakan text editor standar industri yang tersedia gratis di komputer:
- Unduh dan instal aplikasi Visual Studio Code dari situs resminya jika belum tersedia di perangkat Anda.
- Buka aplikasi tersebut, lalu klik menu File di sudut kiri atas dan pilih Open File.
- Cari lokasi penyimpanan file SHTML target Anda di direktori komputer, pilih file tersebut, lalu klik Open.
- Isi kode file SHTML akan terbuka di jendela editor. Anda bebas membaca, menyalin, atau mengubah kode sesuai kebutuhan pengembangan web Anda.
- Simpan perubahan dengan menekan kombinasi tombol Ctrl + S pada Windows atau Cmd + S pada perangkat macOS.
Jika Anda hanya ingin melihat tampilan visual halamannya saja, klik kanan pada file SHTML tersebut, pilih Open With, lalu arahkan ke browser web pilihan Anda seperti Chrome atau Firefox. Perhatikan bahwa beberapa bagian halaman yang bergantung pada server SSI mungkin akan tampak kosong atau rusak karena ketiadaan lingkungan server aktif.
Menjalankan File SHTML dengan Server Lokal
Karena file SHTML dirancang untuk memproses perintah SSI di sisi server, cara paling akurat untuk membukanya secara utuh adalah dengan menjalankan server web lokal di komputer Anda. Anda dapat memanfaatkan aplikasi XAMPP untuk menyalakan modul Apache yang mendukung parsing SSI secara otomatis tanpa memerlukan koneksi internet aktif.
Pindahkan file SHTML Anda ke dalam direktori folder htdocs di dalam folder instalasi XAMPP, biasanya terletak di C:\xampp\htdocs untuk sistem operasi Windows. Setelah itu, buka panel kontrol XAMPP dan klik tombol Start pada modul Apache. Buka browser Anda, ketikkan alamat http://localhost/nama_file.shtml pada bilah alamat, dan tekan Enter untuk melihat hasil render halaman secara sempurna.
Solusi Masalah Umum Saat Membuka SHTML
Kendala yang sering ditemui pengguna saat membuka file SHTML adalah munculnya teks mentah berupa kode HTML alih-alih halaman web yang rapi. Hal ini terjadi karena file dibuka langsung dari penyimpanan lokal komputer (file://) oleh browser, sehingga perintah SSI di dalamnya diabaikan oleh sistem.
Untuk mengatasi masalah tersebut, pastikan ekstensi file sudah benar yaitu .shtml dan bukan .html biasa jika file tersebut memang membutuhkan pemrosesan server. Jika Anda tidak berniat menggunakan fungsi SSI sama sekali, Anda bisa mengubah ekstensi file tersebut menjadi .html standar agar dapat dibaca langsung oleh semua browser tanpa memerlukan konfigurasi server tambahan.