Perapi & Minifier HTML
Percantik HTML yang berantakan atau minifikasi untuk produksi
Tentang alat ini
Percantik HTML yang keluar dari bundler, scraper, atau editor WYSIWYG: elemen diberi indentasi selebar pilihan Anda, atribut tetap di barisnya, dan isi pre serta textarea dibiarkan utuh bita demi bita. Mode minifikasi membuang komentar dan menciutkan spasi di antara tag — biasanya memangkas 10–25% ukuran halaman yang ditulis tangan.
Minifikasi di sini sengaja konservatif: skrip dan gaya sebaris dilindungi, komentar kondisional selamat, dan satu spasi di antara elemen sebaris dipertahankan supaya “klik <a>di sini</a> sekarang” tidak menyatu menjadi satu kata. Anda mendapat minifikasi yang aman, bukan yang seagresif mungkin.
Kedua operasi berjalan lokal di browser Anda — halaman yang belum terbit dan markup panel admin internal tidak pernah meninggalkan mesin Anda.
Pertanyaan yang sering diajukan
- Apakah minifikasi akan merusak JavaScript atau CSS sebaris saya?
- Tidak — blok <script>, <style>, <pre>, dan <textarea> dikecualikan sepenuhnya dari penciutan spasi. Hanya markup di antara tag yang disentuh. Untuk memampatkan skripnya sendiri, jalankan lewat minifier JavaScript secara terpisah.
- Kenapa spasi di antara tag aman dibuang?
- Sebagian besar memang begitu: spasi antar-elemen blok tidak berpengaruh secara visual. Di antara elemen sebaris, ia berpengaruh — itu sebabnya minifier menciutkan deretannya menjadi satu spasi alih-alih menghapusnya. Tata letak yang bergantung pada trik spasi inline-block adalah pengecualian langka yang layak dilirik.
- Apakah perapinya memperbaiki HTML yang tidak sah?
- Ia merapikan apa yang Anda berikan tanpa memvalidasinya terhadap spesifikasi HTML — tag yang tak ditutup tetap tak tertutup. Browser toleran terhadap markup berantakan, jadi perapian tetap membantu Anda melihat strukturnya cukup jelas untuk memergoki masalahnya.
- Lebar indentasi berapa yang sebaiknya saya pakai?
- 2 spasi adalah konvensi yang berlaku di basis kode web dan menjadi bawaan sebagian besar panduan gaya framework. Pilih 4 kalau tim Anda sudah menyeragamkannya — pilihan ini sekadar kosmetik.