Utils365

Pemformat dan minifier HTML

Rapikan HTML menjadi markup yang tertata dan berindentasi, atau perkecil untuk situs live Anda.

Tempel HTML, buka file .html, atau letakkan di sini

Berikutnya: Pemformat CSS · Pemformat JavaScript

Laporkan masalah dengan alat ini

Cara menggunakan Pemformat HTML

  1. Tempel HTML Anda

    Tempel halaman atau potongan kode, atau buka atau letakkan file .html. Langsung diformat saat Anda mengetik.

  2. Rapikan atau minify

    Rapikan memberi indentasi setiap tag dengan 2 atau 4 spasi atau tab. Minify menghapus komentar dan spasi yang tidak terlihat.

  3. Salin atau unduh

    Salin hasilnya, atau unduh sebagai file .html. Saat minify, Anda akan melihat berapa byte yang dihemat.

Mengapa menggunakan Utils365

  • Minify yang aman

    Isi <pre>, <textarea>, <script>, dan <style> tidak pernah disentuh, dan satu spasi dipertahankan di antara tag inline, sehingga tampilan halaman tetap sama.

  • Markup yang mudah dibaca

    Tag bersarang mendapat satu indentasi per level, sehingga halaman yang dipadatkan dalam satu baris menjadi mudah dibaca dan diedit.

  • Lihat penghematannya

    Ukuran sebelum dan sesudah, serta persentase penghematan, langsung muncul saat Anda minify.

  • Privasi terjaga

    HTML Anda diformat di browser dan tidak pernah diunggah, sehingga halaman dan template yang belum dirilis tetap bersama Anda.

Pertanyaan yang sering diajukan

Apa yang dihapus oleh minifier HTML?

Komentar, jeda baris dan indentasi, serta spasi di antara tag yang tidak ditampilkan browser. Komentar kondisional Internet Explorer lama tetap dipertahankan karena masih berfungsi.

Apakah minify akan mengubah tampilan halaman saya?

Seharusnya tidak. Spasi di sebelah elemen blok seperti <div> dan <p> tidak pernah terlihat, jadi dihapus. Di antara elemen inline seperti tautan dan tombol, satu spasi dipertahankan karena di sana spasi terlihat.

Apakah skrip dan style saya diubah?

Tidak. Isi <script> dan <style> tetap persis seperti ditulis. Untuk memperkecilnya juga, jalankan melalui pemformat JavaScript dan CSS.

Mengapa <pre> dibiarkan apa adanya?

Di dalam <pre> dan <textarea>, setiap spasi dan jeda baris ditampilkan di halaman, jadi menghapusnya akan mengubah apa yang dilihat pengunjung.

Apakah pemformat memperbaiki HTML yang rusak?

Tidak. Alat ini hanya mengubah tata letak, bukan tag Anda. Tag penutup yang hilang tetap hilang, jadi periksa indentasinya: tag yang tidak pernah ditutup mendorong semua yang setelahnya satu level ke dalam.