Format file .shtml (Server Side Include HTML) adalah halaman web yang menyertakan arahan khusus untuk dieksekusi oleh server web sebelum dikirim ke browser. Karena membutuhkan server, membuka file SHTML secara lokal di komputer seringkali hanya menampilkan kode sumber (source code) alih-alih tampilan visual halaman web yang utuh. Untuk melihat tampilannya secara langsung tanpa menjalankan server lokal seperti Apache atau NGINX, Anda dapat memanfaatkan berbagai layanan viewer shtml online, converter HTML, atau langsung menggunakan browser modern dengan ekstensi tertentu.
Secara mendasar, file SHTML berisi kode HTML biasa yang digabungkan dengan perintah SSI (Server Side Includes) seperti <!--#include virtual="header.html" -->. Jika file tersebut berdiri sendiri tanpa file pendukung yang di-include oleh server, file SHTML pada dasarnya dapat dibaca sebagai file HTML standar. Berikut adalah daftar metode, alat, dan situs yang dapat digunakan untuk melihat, mengedit, atau mengubah file SHTML secara online maupun offline.
Metode dan Tools untuk Melihat File SHTML
| Nama Layanan / Tools | Jenis Layanan | Fungsi Utama | Tingkat Kesulitan |
|---|---|---|---|
| CodePen (codepen.io) | Online Code Editor | Menyalin kode SHTML/HTML untuk melihat pratinjau (preview) visual secara langsung. | Mudah |
| JSFiddle (jsfiddle.net) | Online Code Editor | Menguji potongan kode HTML/SHTML dan melihat hasilnya secara real-time. | Mudah |
| Convertio (convertio.co/id/shtml-html/) | File Converter | Mengubah format file .shtml menjadi .html biasa agar bisa dibuka di browser apa pun. | Sangat Mudah |
| Google Chrome / Mozilla Firefox | Web Browser | Membuka file langsung dengan cara drag-and-drop (hanya menampilkan teks/struktur dasar). | Sangat Mudah |
| Notepad++ / VS Code | Text Editor (Offline) | Melihat dan menyunting kode sumber SHTML secara presisi di komputer. | Sedang |
Langkah-Langkah Membuka SHTML Menggunakan Online Code Editor
Jika Anda ingin melihat bagaimana struktur halaman SHTML dirender tanpa harus menginstal server lokal, Anda dapat menggunakan editor berbasis web seperti CodePen:
- Buka situs resmi CodePen di codepen.io.
- Buat akun gratis atau langsung klik menu Start Coding atau Create > Pen.
- Salin (copy) seluruh isi teks dari file SHTML Anda.
- Tempel (paste) kode tersebut ke dalam kolom HTML yang disediakan oleh CodePen.
- Bagian bawah atau panel pratinjau (preview) akan secara otomatis menampilkan hasil render visual dari kode tersebut secara instan.
Cara Mengubah SHTML ke HTML untuk Pratinjau Cepat
Karena ekstensi .shtml sering kali memicu browser mendownload file atau menampilkan teks mentah apabila tidak dijalankan di atas server, mengubah ekstensi file atau mengonversinya menjadi .html murni adalah cara paling praktis bagi pengguna umum.
- Ubah Ekstensi Manual: Klik kanan pada file
namafile.shtml, pilih Rename, lalu ganti ekstensi belakangnya menjadinamafile.html. Klik Yes atau Confirm pada peringatan sistem. Setelah itu, klik dua kali untuk membukanya di Google Chrome, Microsoft Edge, atau Safari. - Gunakan Converter Online: Kunjungi situs konversi dokumen seperti Convertio atau CloudConvert, unggah file SHTML Anda, pilih target konversi ke HTML, lalu unduh hasilnya. File HTML hasil konversi tersebut dapat dibuka dengan mengklik dua kali tanpa kendala server.
Troubleshooting dan Catatan Penting
Perlu diingat bahwa jika file SHTML Anda bergantung pada fungsi server aktif (seperti skrip SSI untuk memanggil footer, header, atau penghitung pengunjung otomatis), file tersebut tidak akan menampilkan bagian yang di-include secara sempurna melalui browser biasa atau converter sederhana. Bagian tersebut memerlukan lingkungan server uji (seperti XAMPP, WAMP, atau server hosting asli) untuk mengeksekusi perintah server-side secara utuh sebelum dikirimkan ke perangkat pengguna.