HTML Formatter
HTML Formatter — berjalan di browser. Input tidak disimpan.
Indentasi HTML
Menerapkan indentasi kasar berdasarkan tag.
Cara menggunakan
- Tempel markup satu baris atau berantakan ke HTML.
- Tekan Format dan periksa Hasil, diinden dua spasi per tingkat tag.
- Elemen void dan komentar tidak menambah kedalaman; tetap di tingkat baris saat ini.
- Salin hasil mengambil markup yang sudah dirapikan.
- Reset mengosongkan input dan hasil bersama.
Konsep utama
Pemformat HTML memecah tag menjadi token, menambah inden pada tag buka dan mengurangi pada tag tutup. Gambar, hentian baris, input, tag self-closing, komentar, dan deklarasi dianggap tidak punya anak, jadi tidak menaikkan kedalaman. Bukan parser HTML penuh, jadi tag yang tidak cocok tetap mendapat hentian baris perkiraan. Berguna untuk membuka cuplikan komponen yang diminify. Node teks dipangkas dan diratakan ke kedalaman saat ini, jadi catatan antar tag juga duduk di baris sendiri.
Whitespace antar tag dilipat lalu dipecah lagi, jadi spasi sengaja antar elemen sebaris bisa menyusut. Atribut tidak diurutkan dan kutip tidak dinormalisasi—hanya inden. Konversi di peramban; markup tidak dikirim ke server. Langkah bagus sebelum validator, atau merapikan tabel ekspor Excel. Keluaran tersalin lebih mudah dipindai di editor dan dipasangkan dengan pratinjau.
Contoh
Format <div><p>hello</p></div>: baris setelah buka div adalah p diinden dua spasi, lalu hello satu tingkat lebih dalam. Tag void seperti img tidak mendorong saudara berikutnya lebih dalam. Salin hasil ke editor Anda.
Terkait: Pemformat XML · Validator HTML · Editor HTML
Pertanyaan umum
Apakah pemformat HTML menginden markup tidak valid?
Ya. Tidak diblokir karena error; hanya meratakan baris menurut token tag, jadi fragmen tidak tertutup tetap menghasilkan keluaran.
Bagaimana tag void seperti img ditangani?
Elemen void, tag self-closing, dan komentar dianggap tidak punya anak, jadi kedalaman saudara berikutnya tidak naik.
Bisakah spasi sebaris hilang setelah format?
Whitespace antar tag dilipat dulu, jadi celah antar elemen sebaris bisa menyusut. Periksa lagi markup yang peka tata letak.
Apakah atribut diurutkan alfabet?
Tidak. Hanya inden dan hentian baris ditambah. Urutan dan nilai atribut tetap.
Apakah markup dikirim ke server?
Tidak. Format dan salin hanya di peramban. Tidak ada tombol unggah.
Kolom mana yang dipakai Salin hasil?
Hanya kolom hasil hanya-baca. Jika input kosong dan belum diformat, tidak ada yang disalin.
Terakhir ditinjau: 2026-09-04