Pretty-print email HTML yang di-minify atau salinan "view source" dari halaman supaya kamu bisa membaca strukturnya. Membersihkan snippet dari CMS / WYSIWYG sebelum di-paste ke code review. Minify aset HTML statis sebelum deploy — lebih sedikit byte di kabel, tidak ada comment yang bocor. Menghapus comment author dari template sebelum publish.

Ini tokenizer pragmatis, bukan parser HTML5 lengkap. Bekerja baik pada fragment dunia nyata tapi tidak melakukan recovery dari input yang sangat malformed seperti browser (browser menjalankan algoritma parsing HTML lengkap dan memperbaiki error secara diam-diam — tool ini tidak). Whitespace di dalam , , , dipertahankan. Element-element ini diperlakukan sebagai raw dan tidak diindent ulang. Inline element tetap di baris yang sama dengan text parent — some bold text tidak akan dipecah ke beberapa baris. "Collapse whitespace" mengubah output rendered untuk sebagian content. Dua spasi jadi satu. Kalau desainmu bergantung pada multiple space atau sekuens non-breaking, biarkan off. Notasi self-closing di HTML itu kosmetik. dan ekuivalen di HTML5; tool ini mempertahankan yang kamu tulis. Minify bukan batas keamanan. Jangan andalkan strip comment untuk menyembunyikan secret — secret itu sudah dikirim ke client.

HTML Formatter

Format dan beautify HTML atau minify-nya. Ukuran indent, pengupasan komentar, dan kesadaran self-closing tag.

Input

Mode

Indent

Strip comments

Collapse whitespace in text

Output

Masukkan input di atas untuk melihat hasilnya.

Dibuat oleh JXXR1 · ♥ Jadi sponsor · ☕ Belikan saya kopi

Untuk apa ini?

Markup HTML datang ke editor kamu dalam berbagai keadaan — di-minify untuk production, dihasilkan template engine yang tidak peduli whitespace, diketik manual dengan indentasi tidak konsisten. Tool ini memformat ulang fragment HTML apa pun dengan indentasi konsisten per elemen bersarang, mengenali void element (<img>, <br>, <meta>) dan inline element (<a>, <span>, <strong>) sehingga output terlihat seperti HTML asli, bukan layout satu-baris-per-aturan. Mode minify menyatukan whitespace antar tag dan opsional menghapus comment. Semuanya tetap di browser kamu.

Kapan digunakan

Pretty-print email HTML yang di-minify atau salinan "view source" dari halaman supaya kamu bisa membaca strukturnya.
Membersihkan snippet dari CMS / WYSIWYG sebelum di-paste ke code review.
Minify aset HTML statis sebelum deploy — lebih sedikit byte di kabel, tidak ada comment yang bocor.
Menghapus comment author dari template sebelum publish.

Kesalahan umum

Ini tokenizer pragmatis, bukan parser HTML5 lengkap. Bekerja baik pada fragment dunia nyata tapi tidak melakukan recovery dari input yang sangat malformed seperti browser (browser menjalankan algoritma parsing HTML lengkap dan memperbaiki error secara diam-diam — tool ini tidak).
Whitespace di dalam <pre>, <textarea>, <script>, <style> dipertahankan. Element-element ini diperlakukan sebagai raw dan tidak diindent ulang.
Inline element tetap di baris yang sama dengan text parent — <p>some <b>bold</b> text</p> tidak akan dipecah ke beberapa baris.
"Collapse whitespace" mengubah output rendered untuk sebagian content. Dua spasi jadi satu. Kalau desainmu bergantung pada multiple space atau sekuens non-breaking, biarkan off.
Notasi self-closing di HTML itu kosmetik. <br/> dan <br> ekuivalen di HTML5; tool ini mempertahankan yang kamu tulis.
Minify bukan batas keamanan. Jangan andalkan strip comment untuk menyembunyikan secret — secret itu sudah dikirim ke client.