Percantik HTML dengan indentasi yang sadar blok, atau minify. Isi pre, textarea, script, dan style dipertahankan.
Cara menggunakan HTML Formatter
Tempel HTML Anda ke kotak masukan.
Pilih Percantik untuk mengindentasinya atau Minify untuk memampatkannya.
Pilih ukuran indentasi, lalu salin hasilnya.
Ini adalah pemformat HTML yang mempercantik markup dengan indentasi yang sadar blok dan inline, atau meminifikasinya dengan meringkas spasi dan menghapus komentar. Anda memilih ukuran indentasi saat mempercantik.
Mempercantik memberi indentasi pada elemen sesuai cara mereka bersarang, sehingga struktur dokumen, elemen mana yang memuat elemen mana, menjadi jelas. Hal itu membuat HTML yang ditulis tangan atau dihasilkan jauh lebih mudah dibaca dan di-debug.
Baik mempercantik maupun meminifikasi berjalan sepenuhnya di browser Anda, sehingga markup Anda tidak pernah meninggalkan perangkat Anda.
Alat ini sengaja membiarkan isi pre, textarea, script, dan style tak tersentuh, karena spasi di dalam elemen tersebut signifikan: memformat ulang akan mengubah teks yang telah diformat, apa yang diketik pengguna, atau makna kode Anda.
Minifikasi menghapus komentar dan meringkas rentetan spasi, yang memangkas ukuran berkas yang harus diunduh browser. Ini paling berguna sebagai langkah build untuk halaman produksi.
Peminifikasi mempertahankan satu spasi antar tag alih-alih menghapusnya sepenuhnya, karena spasi antar elemen inline sebenarnya dirender, dan menghapusnya dapat menggeser tata letak Anda. Kehati-hatian ini menghindari bug visual halus yang dapat disebabkan oleh peminifikasi yang agresif.
Pertanyaan yang sering diajukan
Ia mengindentasi elemen berdasarkan sarang dan strukturnya, sambil membiarkan isi pre, textarea, script, dan style apa adanya, karena spasi di sana bermakna.
Ia menghapus komentar dan menyatukan rangkaian spasi menjadi satu spasi. Ia menjaga satu spasi antar tag alih-alih menghapusnya, karena spasi antar elemen inline dirender dan membuangnya bisa menggeser tata letak.
Tidak. Baik percantik maupun minify berjalan sepenuhnya di peramban Anda, jadi markup Anda tidak pernah keluar dari perangkat.
Sematkan tool ini
Tambahkan tool ini ke situs web Anda sendiri. Salin cuplikan di bawah; cuplikan ini tetap terbarui secara otomatis.
<iframe src="https://monu.tools/embed/id/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Alat terkait
Percantik dan rapikan JavaScript dengan indentasi dan spasi konsisten. Berjalan sepenuhnya di peramban Anda.
Konversi CSV menjadi berkas Excel .xlsx dan Excel kembali ke CSV, sepenuhnya di peramban Anda. Bekerja di kedua arah.
Buat interface TypeScript dari contoh JSON, dengan tipe bersarang, array, dan kolom opsional. Berjalan di peramban Anda.
Konversi JSON ke XML dan XML kembali ke JSON, di kedua arah, sepenuhnya di peramban Anda.