Cantikkan HTML dengan inden sedar blok, atau mampatkan. Kandungan pre, textarea, script dan style dipelihara.
Cara menggunakan Pemformat HTML
Tampal HTML anda ke dalam kotak input.
Pilih Cantikkan untuk mengindennianya atau Mampatkan untuk memampatkannya.
Pilih saiz inden, kemudian salin hasilnya.
Ini ialah pemformat HTML yang mengemaskan markup dengan inden yang menyedari blok dan sebaris, atau meminifikasinya dengan menggabungkan ruang putih dan membuang komen. Anda memilih saiz inden semasa mengemas.
Mengemas menginden elemen mengikut cara ia bersarang, jadi struktur dokumen, elemen mana mengandungi yang mana, menjadi jelas. Itu menjadikan HTML yang ditulis tangan atau dijana jauh lebih mudah dibaca dan dinyahpepijat.
Kedua-dua mengemas dan meminifikasi berjalan sepenuhnya dalam pelayar anda, jadi markup anda tidak pernah meninggalkan peranti anda.
Ia sengaja membiarkan kandungan pre, textarea, script dan style tidak tersentuh, kerana ruang putih dalam elemen tersebut adalah signifikan: memformat semula elemen itu akan mengubah teks praformat, apa yang ditaip pengguna, atau makna kod anda.
Meminifikasi membuang komen dan menggabungkan turutan ruang putih, yang mengurangkan saiz fail yang perlu dimuat turun oleh pelayar. Ia paling berguna sebagai langkah binaan untuk halaman pengeluaran.
Peminifikasi mengekalkan satu ruang antara tag dan bukannya membuangnya sepenuhnya, kerana ruang putih antara elemen sebaris sebenarnya dipaparkan, dan membuangnya boleh mengalihkan susun atur anda. Kewaspadaan ini mengelakkan pepijat visual halus yang boleh disebabkan oleh peminifikasi yang agresif.
Soalan lazim
Ia menginden elemen berdasarkan bersarang dan strukturnya, sambil membiarkan kandungan pre, textarea, script dan style tidak disentuh, kerana ruang putih di sana adalah penting.
Ia membuang ulasan dan meruntuhkan susunan ruang putih menjadi satu ruang. Ia mengekalkan ruang tunggal antara tag dan bukannya membuangnya, kerana ruang putih antara elemen sebaris dirender dan membuangnya boleh mengubah susun atur.
Tidak. Kedua-dua cantikkan dan mampatkan berjalan sepenuhnya dalam pelayar anda, jadi markup anda tidak pernah meninggalkan peranti anda.
Benamkan alat ini
Tambah alat ini ke laman web anda sendiri. Salin coretan di bawah; ia kekal terkini secara automatik.
<iframe src="https://monu.tools/embed/ms/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Alat berkaitan
Cantikkan dan perelokan JavaScript dengan inden dan jarak yang konsisten. Berjalan sepenuhnya dalam pelayar anda.
Tukar CSV ke fail Excel .xlsx dan Excel kembali ke CSV, sepenuhnya dalam pelayar anda. Berfungsi dalam kedua-dua arah.
Jana antara muka TypeScript daripada sampel JSON, dengan jenis bersarang, tatasusunan dan medan pilihan. Berjalan dalam pelayar anda.
Tukar JSON ke XML dan XML kembali ke JSON, dalam kedua-dua arah, sepenuhnya dalam pelayar anda.