Struktur Kode Shtml: Penggunaan dan Referensi Dokumen

Format file .shtml merujuk pada halaman web yang menggunakan teknologi Server Side Includes (SSI). Meskipun kueri mengenai struktur kode spesifik sering dikaitkan dengan implementasi direktif SSI seperti #include atau #echo, berdasarkan dokumentasi arsip web dan publikasi resmi internasional seperti data Perserikatan Bangsa-Bangsa (PBB) mengenai UNFICYP, format SHTML dulunya banyak diandalkan untuk menyertakan konten modular di dalam halaman web sebelum dominasi bahasa pemrograman sisi server modern seperti PHP.

Dalam praktiknya, struktur kode SHTML melibatkan penggunaan tag HTML standar yang disisipkan perintah khusus berbasis komentar HTML yang diproses oleh server web (seperti Apache atau Nginx) sebelum dikirimkan ke peramban pengguna. Perintah ini memungkinkan pengembang web menyematkan tanggal modifikasi file, variabel server, atau file eksternal secara dinamis tanpa harus mengubah setiap halaman HTML secara manual.

Karakteristik dan Elemen SHTML

Struktur dasar dokumen SHTML tidak jauh berbeda dari dokumen HTML murni, namun ia menyertakan sintaks direktif khusus di dalam blok komentar khusus server. Berikut adalah tabel yang merangkum komponen utama yang biasa ditemukan dalam pemrosesan file SHTML:

Komponen Sintaks / Bentuk Kode Fungsi Utama dalam Server Side Includes
Include Directive <!--#include virtual="header.html" --> Menyisipkan konten dari file eksternal ke dalam dokumen utama.
Echo Directive <!--#echo var="DATE_LOCAL" --> Menampilkan variabel server seperti tanggal atau nama file.
Fsize Directive <!--#fsize file="document.pdf" --> Menampilkan ukuran file tertentu secara otomatis.
Flastmod Directive <!--#flastmod file="index.html" --> Menampilkan waktu terakhir kali sebuah file dimodifikasi.

Contoh Implementasi Kode Dasar

Berikut adalah contoh struktur dasar penulisan kode dalam sebuah dokumen berformat SHTML yang mengintegrasikan elemen SSI standar:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Contoh Dokumen SHTML</title>
</head>
<body>
    <!-- Menyisipkan bagian kepala halaman secara modular -->
    <!--#include virtual="/includes/header.shtml" -->

    <main>
        <h1>Selamat Datang di Halaman Utama</h1>
        <p>Halaman ini diproses menggunakan Server Side Includes.</p>
        <p>Dokumen ini terakhir diperbarui pada: <!--#flastmod file="index.shtml" --></p>
    </main>

    <!-- Menyisipkan bagian kaki halaman secara modular -->
    <!--#include virtual="/includes/footer.shtml" -->
</body>
</html>

Konfigurasi Server untuk SHTML

Agar server web mengenali dan memproses direktif di dalam file berekstensi .shtml, administrator server harus mengaktifkan modul SSI. Pada peladen web Apache, konfigurasi ini umumnya memerlukan diaktifkannya modul include_module serta penambahan handler pada file konfigurasi server atau melalui berkas .htaccess:

AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
Options +Includes

Dengan pengaturan tersebut, setiap permintaan terhadap file berakhiran .shtml akan diurai oleh server terlebih dahulu untuk mencari tag komentar khusus SSI sebelum hasilnya diteruskan ke klien web.