FormattersLesson 7Preview gratis
HTML Formatter
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
HTML Formatter merapikan susunan tag dengan indentasi bertingkat sehingga hubungan induk dan anak terlihat jelas. Alat ini berguna untuk file HTML yang panjang atau hasil copy-paste dari editor lain. Elemen void seperti br dan img tidak memiliki tag penutup, sedangkan isi pre dan textarea sebaiknya dibiarkan apa adanya. Formatter hanya memperbaiki tampilan, bukan memperbaiki struktur HTML yang tidak valid.
Poin kunci
- Membuat indentasi bertingkat sesuai sarang elemen
- Elemen void seperti br, img, dan input tidak punya tag penutup
- Isi pre dan textarea peka terhadap whitespace sehingga harus dijaga
- Atribut dapat dirapikan, tetapi nilai atribut tidak boleh berubah
- Formatter tidak memperbaiki nesting yang salah atau tag yang hilang
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.