Ada masalah dengan alat ini?

Tentang «Format HTML Online»

Alat ini memformat ulang sumber HTML untuk keterbacaan. Ia mengindentasi ulang tag bersarang, memutus baris panjang, menormalkan spasi di dalam atribut, dan menghasilkan output yang mudah dipindai dan diedit. Mode minifikasi opsional menghapus whitespace untuk output sekecil mungkin.

Berguna saat memeriksa view source pada halaman produksi (di mana semuanya diminifikasi ke satu baris), menyiapkan HTML untuk code review, menghasilkan output yang konsisten di seluruh tim Anda, atau menghasilkan HTML yang diminifikasi untuk penerapan produksi.

Pemformat memahami elemen void HTML5 (br, img, input, dll.), mempertahankan konten elemen <pre>, <script>, dan <textarea> secara verbatim, dan menangani elemen inline berbeda dari elemen tingkat blok untuk menjaga aliran kata tetap utuh.

Cara memakai alat ini

Cara merapikan HTML minified atau berantakan

  1. Tempel HTML

    Letakkan HTML minified atau ditulis manual tetapi berantakan di kolom "HTML". Dokumen lengkap (dengan `<!doctype>`) maupun potongan diterima.

  2. Tekan Jalankan

    Hasil: satu field `formatted`. Indentasi 2 spasi, satu tag per baris pada batas struktural. Elemen inline tetap satu baris bila berdampingan dengan teks — `<p>Hi <strong>there</strong></p>` tidak terbelah jadi tiga baris.

  3. Yang dipertahankan

    Atribut tetap di baris yang sama dengan tag pembuka — tidak ada pembungkusan walau atribut banyak. Komentar (`<!-- … -->`), isi `<script>`, `<style>`, dan `<pre>` lewat apa adanya supaya JS atau teks sensitif-spasi tidak rusak.

  4. Pertimbangan round-trip

    Format untuk peninjauan, lalu minify sebelum deploy. Formatter toleran terhadap HTML tidak valid; tag yang lupa di input bisa tertutup lebih awal dari yang Anda kira di output. Bila input meragukan, validasi dengan W3C setelah memformat.

Alat serupa