💡 ULASAN & REFERENSI • DIPERBARUI: 25 October 2026 • REDAKSI AZWINN

Struktur File Shtml dan Penggunaannya dalam Situs Web

File dengan ekstensi .shtml adalah halaman web yang menggunakan teknologi Server Side Includes (SSI). Teknologi ini memungkinkan pengembang web untuk menyertakan konten dari satu file ke dalam file HTML lainnya sebelum halaman tersebut dikirimkan ke peramban pengguna. Berdasarkan dokumentasi teknis dan referensi web, struktur file shtml umumnya memadukan sintaks HTML standar dengan direktif khusus SSI yang diawali oleh format penulisan tertentu.

Meskipun saat ini penggunaan file SHTML mulai bergeser ke arah bahasa pemrograman sisi server yang lebih modern seperti PHP, ASP, atau penggunaan sistem manajemen konten (CMS), pemahaman mengenai struktur file SHTML tetap penting dalam pengelolaan arsip web lama atau sistem server tertentu yang masih mengaktifkan modul SSI.

Komponen Utama dalam Struktur File Shtml

Secara mendasar, struktur file Shtml tidak jauh berbeda dengan dokumen HTML pada umumnya. Perbedaannya terletak pada penyisipan direktif SSI yang dieksekusi oleh server web (seperti Apache atau Nginx) sebelum halaman dirender. Berikut adalah tabel komponen utama yang sering ditemukan dalam struktur file berformat Shtml:

Komponen SSI Format Sintaks Fungsi Utama
Include <!--#include virtual="nama_file.html" --> Menyisipkan file eksternal (seperti header, footer, atau navigasi) ke dalam dokumen.
Echo <!--#echo var="DATE_LOCAL" --> Menampilkan variabel server, seperti tanggal modifikasi file atau alamat IP pengunjung.
Fsize <!--#fsize file="dokumen.pdf" --> Menampilkan ukuran file tertentu secara otomatis.
Flastmod <!--#flastmod file="index.html" --> Menampilkan tanggal dan waktu terakhir file tersebut dimodifikasi.

Contoh Penulisan Kode Shtml

Berikut adalah contoh penerapan struktur file Shtml sederhana yang menggabungkan elemen HTML dasar dengan direktif SSI untuk memanggil komponen header dan footer secara dinamis:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Halaman Utama SHTML</title>
</head>
<body>
    <!--#include virtual="/header.html" -->
    
    <main>
        <h1>Selamat Datang di Situs Kami</h1>
        <p>Halaman ini menggunakan struktur file SHTML untuk modularitas konten.</p>
        <p>Terakhir diperbarui pada: <!--#flastmod file="index.shtml" --></p>
    </main>

    <!--#include virtual="/footer.html" -->
</body>
</html>

Cara Kerja dan Konfigurasi Server

Agar server web mengenali dan memproses direktif SSI di dalam file Shtml, server harus dikonfigurasi dengan benar. Pada peladen web Apache, modul seperti mod_include harus diaktifkan. Selain itu, administrator server perlu menambahkan handler atau opsi eksekusi pada file konfigurasi (seperti httpd.conf atau melalui file .htaccess) agar ekstensi .shtml dibaca sebagai instruksi SSI.

Tanpa pengaktifan modul server yang tepat, baris kode yang diawali dengan <!--# akan dianggap sebagai komentar HTML biasa oleh peramban dan tidak akan mengeksekusi penyisipan file yang diinginkan.

🔍 Orang Lain Juga Mencari Ini