Monu Tools

HTML Formatter

Percantik HTML dengan indentasi yang sadar blok, atau minify. Isi pre, textarea, script, dan style dipertahankan.

Cara menggunakan HTML Formatter

  1. 01

    Tempel HTML Anda ke kotak masukan.

  2. 02

    Pilih Percantik untuk mengindentasinya atau Minify untuk memampatkannya.

  3. 03

    Pilih ukuran indentasi, lalu salin hasilnya.

Apa yang dilakukan pemformat HTML

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.

Elemen yang dibiarkannya tak tersentuh

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.

Cara minifikasi bekerja

Minifikasi menghapus komentar dan meringkas rentetan spasi, yang memangkas ukuran berkas yang harus diunduh browser. Ini paling berguna sebagai langkah build untuk halaman produksi.

Mengapa alat ini mempertahankan spasi antar tag

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

Apa yang dilakukan mempercantik HTML?

Ia mengindentasi elemen berdasarkan sarang dan strukturnya, sambil membiarkan isi pre, textarea, script, dan style apa adanya, karena spasi di sana bermakna.

Bagaimana HTML minify bekerja?

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.

Apakah HTML saya dikirim ke server?

Tidak. Baik percantik maupun minify berjalan sepenuhnya di peramban Anda, jadi markup Anda tidak pernah keluar dari perangkat.

Sumber

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