01 / Contoh
Contoh
Masukan Anda
<ul>
<li>Halo</li>
<li>Selamat datang</li>
</ul>Hasil
<ul><li>Halo</li><li>Selamat datang</li></ul>Pemformatan kode / MULTIVERTO
Minimalkan HTML
Padatkan ruang kosong struktural yang aman dalam HTML.
Konverter interaktifMasukan Anda tetap di peramban ini. Teks tidak diunggah untuk dikonversi.
Berkas tetap berada di peramban Anda.
Rangkai alat
Terapkan setiap alat teks pada hasil sebelumnya. Alur kerja teks ↗
Hanya nama rangkaian dan urutan alat yang disimpan di peramban ini. Masukan dan hasil Anda tidak pernah disimpan.
02 / Panduan
Minimalkan HTML — Cara kerja
Apa yang berubah dalam alat ini
Padatkan ruang kosong struktural secara aman dalam HTML. Menghilangkan ruang kosong tata letak yang dipilih; periksa hasil dimana ruang kosong memiliki arti. Alat kompak HTML berfokus pada ruang struktural dalam daftar, tabel dan kontener serupa. Hal ini sengaja menjaga teks-node jarak di tempat lain karena sebuah ruang antara dua elemen inline dapat terlihat. Ini adalah langkah pertama yang aman, bukan minifier produksi lengkap.
Tahu formatnya
Operasi compact hanya menghilangkan ruang kosong struktural dalam konteks seperti daftar dan tabel; tidak mengurangi teks arbitrari atau menulis ulang atribut. Pembatasan ini penting karena dua elemen dalam baris yang dipisahkan oleh ruang dapat membuat berbeda dari elemen yang sama tanpa ruang. Pengolahan browser juga mendukung tag penutupan dan pemulihan kesalahan yang opsional, yang editor terbatas ini tidak dapat mereproduksi.
Alur kerja yang andal
Kompaksi berguna ketika mesin mengkonsumsi hasil dan indentasi yang berhadapan dengan manusia tidak diperlukan. Pertama verifikasi bahwa sumber yang tidak dimodifikasi bekerja, kemudian periksa apa yang operasi menghapus. Alat ini tidak mengklaim penurunan ukuran yang sama sebagai minifier produksi: alat seperti itu dapat menganalisis tata bahasa penuh, menulis ulang identifikator, fold konstanta atau menerapkan kompresi setelah serialisasi. Di sini kebijakan adalah konservatif sehingga konstruksi yang tidak pasti harus tetap utuh atau menyebabkan kesalahan. Dalam contoh langsung, "<ul> <li>Halo</li> <li>Selamat datang</li> </ul>" menjadi "<ul><li>Halo</li><li>Selamat datang</li></ul>". Baca tanda baca serta kata-kata yang terlihat: sampel kecil itu adalah hasil yang dapat diamati dari operasi tertentu ini. Ubah satu fitur yang Anda pedulikan di sumber dan bandingkan tempat yang sama di hasil. Bandingkan paragraf yang terbagi oleh tautan dalam baris dengan paragraf yang sama setelah kompresi. Sebuah ruang yang hilang di sekitar tautan dapat bergabung dengan kata-kata yang terlihat meskipun tag tetap seimbang. Periksa teks di browser, lalu periksa sumber di sekitar node teks daripada hanya menilai ukuran file.
Periksa hasil
Gunakan ini ketika struktur ruang kosong dalam daftar sederhana atau tabel membuat snippet terlalu panjang. Render hasil di samping aslinya, terutama jika elemen dalam baris mengelilingi node teks. Mengurangi semua ruang kosong dalam HTML akan mengubah teks yang terlihat, sehingga operasi ini menyimpan lebih banyak ruang daripada minifier build agresif dan menolak konten teks mentah yang berisiko. Simpan asli di samping keluaran dan uji contoh kecil yang diketahui sebelum mengendalikan dokumen besar. Bandingkan konten yang berarti, bukan hanya ukuran file atau jumlah baris. Periksa nama, string kutipan, karakter non-ASCII, akhir baris dan semua bidang berulang setelah transformasi.
HTML — Input
Baca dan transformasi struktur
HTML — Hasil
Jelajahi panduan