Monu Tools

Pemformat HTML

Cantikkan HTML dengan inden sedar blok, atau mampatkan. Kandungan pre, textarea, script dan style dipelihara.

Cara menggunakan Pemformat HTML

  1. 01

    Tampal HTML anda ke dalam kotak input.

  2. 02

    Pilih Cantikkan untuk mengindennianya atau Mampatkan untuk memampatkannya.

  3. 03

    Pilih saiz inden, kemudian salin hasilnya.

Apa yang pemformat HTML ini lakukan

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.

Elemen yang dibiarkannya tidak tersentuh

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.

Cara meminifikasi berfungsi

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.

Mengapa ia mengekalkan ruang antara tag

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

Apakah yang dilakukan oleh pencantikan HTML?

Ia menginden elemen berdasarkan bersarang dan strukturnya, sambil membiarkan kandungan pre, textarea, script dan style tidak disentuh, kerana ruang putih di sana adalah penting.

Bagaimana pemampatan HTML berfungsi?

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.

Adakah HTML saya dihantar ke pelayan?

Tidak. Kedua-dua cantikkan dan mampatkan berjalan sepenuhnya dalam pelayar anda, jadi markup anda tidak pernah meninggalkan peranti anda.

Sumber

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