Uraikan minifikasi HTML online
Ubah sumber halaman yang dipadatkan menjadi markup yang mudah dibaca. Tag diindentasi sesuai kedalaman susunannya, atribut ditata dengan rapi, serta skrip dan style yang disematkan ikut diformat bersama dokumen.
Mengapa sumber halaman tampak seperti itu
Alat minifikasi HTML memadatkan spasi antartag, membuang komentar, menghapus tag penutup opsional, serta melepas tanda kutip pada nilai atribut yang tidak memerlukannya. Templating sisi server turut membuatnya padat karena halaman yang dirangkai dari puluhan fragmen tiba sebagai satu aliran utuh tanpa hubungan yang terlihat dengan file pembentuknya. Buka sumber hampir semua situs produksi dan Anda akan menemukan dokumen dengan beberapa baris sangat panjang, sehingga mencari tag penutup suatu bagian terasa seperti menghitung tanda kurung sudut satu per satu.
Struktur adalah manfaat utamanya
HTML berbentuk pohon, dan pohon sulit dibaca jika ditampilkan rata. Indentasi sesuai kedalaman susunan langsung memperlihatkan bentuk dokumen: akhir header, kontainer yang membungkus konten utama, kedalaman sebuah komponen, serta elemen yang kehilangan tag penutup. Itulah yang membuat sumber halaman berformat berguna untuk memeriksa urutan judul, meninjau markup hasil framework, atau memahami struktur bagian tertentu pada situs pesaing.
Skrip dan style yang disematkan ikut diformat
Halaman nyata hampir tidak pernah berisi markup saja. Cuplikan analitik, data terstruktur JSON-LD, objek konfigurasi, dan CSS kritis disematkan langsung di dokumen, lalu ikut dipadatkan oleh alat minifikasi. Pemformat menangani setiap blok dengan pengurai yang sesuai: tag script berisi JavaScript yang diminifikasi menjadi JavaScript yang mudah dibaca, dan tag style menjadi CSS yang rapi, semuanya tetap berada di dalam dokumen dengan indentasi yang benar.
Pemformatan menghormati tag yang peka terhadap spasi
Mengindentasi HTML mengubah spasi antartag, padahal spasi dapat memiliki arti. Pemformat memperhatikan hal ini: konten pre dan textarea dibiarkan persis seperti semula, sementara elemen inline tidak dipisah dengan cara yang menambah atau menghilangkan spasi yang terlihat di sekitar teks. Anda mendapatkan dokumen yang mudah dibaca tanpa mengubah tampilan halaman.
Pertanyaan yang sering diajukan
Bisakah saya menempel seluruh sumber halaman?
Ya. Salin sumber dari browser melalui view-source, atau simpan halaman dan buka filenya. Seluruh dokumen, termasuk head, body, skrip yang disematkan, dan data terstruktur, akan diformat.
Apakah pemformatan mengubah tampilan halaman?
Pada prinsipnya tidak. Elemen yang peka terhadap spasi seperti pre dan textarea dipertahankan, dan konten inline ditangani dengan hati-hati. Namun, selalu format salinan untuk dibaca dan uji hasilnya sebelum digunakan kembali di produksi.
Apakah alat ini mendukung templat Twig atau Blade?
Sebagian. Markup standar dapat diformat dengan baik, tetapi tag templat dengan sintaksnya sendiri dapat membingungkan pengurai HTML. Alat ini dirancang untuk HTML yang benar-benar diterima browser, bukan templat yang menghasilkannya.