Memahami File SHTML
File dengan ekstensi .shtml adalah file HTML yang menyertakan instruksi Server Side Includes (SSI). Berbeda dengan file .html statis, server web memproses file .shtml untuk mengeksekusi perintah tertentu sebelum mengirimkan halaman ke browser pengguna. Untuk mengedit file ini, Anda memerlukan akses ke kode sumber (source code) dan pemahaman dasar mengenai sintaks SSI.
Langkah-Langkah Mengedit File SHTML
Proses pengeditan file SHTML tidak memerlukan perangkat lunak khusus, namun disarankan menggunakan editor teks yang mendukung penyorotan sintaks (syntax highlighting) untuk menghindari kesalahan penulisan kode.
- Akses File: Gunakan klien FTP (seperti FileZilla) atau File Manager pada panel kontrol hosting (cPanel/Plesk) untuk mengunduh file
.shtmldari server ke komputer lokal Anda. - Pilih Editor Teks: Gunakan aplikasi seperti Visual Studio Code, Sublime Text, atau Notepad++ untuk membuka file tersebut.
- Modifikasi Kode: Lakukan perubahan pada elemen HTML atau perintah SSI. Perintah SSI biasanya diawali dengan
<!--#dan diakhiri dengan-->. - Simpan dan Unggah: Simpan perubahan, lalu unggah kembali file tersebut ke direktori yang sama di server.
- Verifikasi: Buka URL file tersebut di browser untuk memastikan perintah SSI telah diproses dengan benar oleh server.
Tabel Perintah Dasar SSI dalam File SHTML
| Perintah SSI | Fungsi |
|---|---|
| <!--#include virtual="file.html" --> | Menyisipkan konten dari file lain ke dalam halaman. |
| <!--#echo var="DATE_LOCAL" --> | Menampilkan tanggal dan waktu lokal server. |
| <!--#flastmod file="index.html" --> | Menampilkan tanggal modifikasi terakhir file. |
| <!--#exec cmd="ls" --> | Menjalankan perintah shell (perlu izin khusus). |
Tips Troubleshooting
Jika perubahan tidak muncul di browser, periksa hal berikut:
- Cache Browser: Lakukan hard refresh (Ctrl+F5) untuk memastikan browser tidak menampilkan versi lama.
- Konfigurasi Server: Pastikan server web (Apache) telah dikonfigurasi untuk mengizinkan eksekusi SSI melalui file
.htaccessdengan menambahkan baris:AddHandler server-parsed .shtml. - Sintaks: Pastikan tidak ada spasi yang salah pada tag komentar SSI, karena SSI sangat sensitif terhadap format penulisan.
Penting untuk dicatat bahwa file SHTML berbeda dengan dokumen yang dapat diedit pada perangkat seluler lawas seperti BlackBerry Curve 8520 yang menggunakan aplikasi Documents to Go untuk file Word atau PowerPoint. SHTML adalah format pengembangan web yang memerlukan lingkungan server untuk berfungsi secara dinamis.