HTML Formatter
HTML Formatter — berjalan dalam pelayar. Input tidak disimpan.
Inden HTML
Menggunakan inden kasar berdasarkan teg.
Cara guna
- Tampal markup satu baris atau berantakan ke HTML.
- Tekan Format dan periksa Hasil, dinden 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 boleh menyusut. Atribut tidak diurutkan dan kutip tidak dinormalisasi—hanya inden. Penukaran di pelayar; markup tidak dihantar ke pelayan. Langkah bagus sebelum validator, atau menyusun tabel ekspor Excel. Keluaran tersalin lebih mudah dipindai di editor dan dipasangkan dengan pratonton.
Contoh
Format <div><p>hello</p></div>: baris setelah buka div adalah p dinden dua spasi, lalu hello satu tingkat lebih dalam. Tag void seperti img tidak mendorong saudara berikutnya lebih dalam. Salin hasil ke editor anda.
Berkaitan: Pemformat XML · Pemeriksa HTML · Editor HTML
Soalan lazim
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.
Bolehkah spasi sebaris hilang setelah format?
Whitespace antar tag dilipat dulu, jadi celah antar elemen sebaris boleh 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 dihantar ke pelayan?
Tidak. Format dan salin hanya di pelayar. Tiada butang muat naik.
Medan mana yang diguna Salin hasil?
Hanya medan hasil hanya-baca. Jika input kosong dan belum diformat, tiada yang disalin.
Disemak terakhir: 2026-09-04