Validator Struktur HTML
Periksa struktur HTML: tag tidak tertutup, tidak cocok, atau nyasar, id dan atribut ganda, gambar tanpa alt, serta doctype, title, atau lang yang hilang. Di browser.
Hanya memeriksa struktur: tag yang tidak ditutup, tidak cocok, atau berlebih, id dan atribut ganda, teks alt yang hilang, doctype/title/lang. Ini bukan validator W3C.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Alat Terkait
Lihat SemuaApa itu Validator HTML?
Pemeriksa HTML ini menemukan kesalahan struktural yang paling sering merusak tata letak: elemen yang tidak pernah ditutup, tag penutup dalam urutan salah, tag akhir tanpa tag awal, id dan atribut ganda, <img> tanpa alt, serta doctype, <title>, atau lang yang hilang pada dokumen lengkap. Ini pemeriksaan lokal yang cepat, bukan validator W3C (Nu) resmi, dan tidak memeriksa elemen mana yang boleh di mana.
Cara menggunakan Validator HTML
- Tempel dokumen atau fragmen HTML.
- Klik Validasi (hasil diperbarui saat Anda mengetik).
- Baca ringkasan kesalahan dan peringatan.
- Gunakan baris dan kolom tiap item untuk memperbaiki markup Anda.
Contoh
<div id="a"> <span>text</div> <p id="a">x <img src="a.png"> </br>
Errors: 3 · Warnings: 1 Line 2, column 1 <span> is not closed before </div> Line 3, column 4 Duplicate id "a" (first used on line 1) Line 4, column 1 <img> has no alt attribute Line 5, column 1 <br> is a void element and must not have a closing tag
Kapan menggunakan Validator HTML
Pakai untuk cepat menemukan tag yang merusak tata letak, memeriksa templat dan HTML email, atau menangkap id ganda sebelum merusak JavaScript atau label. Untuk pemeriksaan kesesuaian penuh (model konten, ARIA, nilai atribut) pakai validator W3C.
Cara kerja Validator HTML
Tokenizer membaca tag, atribut, komentar, dan elemen teks mentah (script, style, textarea, title) sambil melacak posisi. Tumpukan elemen terbuka mengikuti aturan HTML untuk elemen void (br, img, input…) dan tag akhir opsional: </p>, </li>, </td>, dan sejenisnya boleh dihilangkan, dan <li> atau elemen blok baru menutup yang sebelumnya secara implisit, sehingga jalan pintas HTML5 yang valid tidak dilaporkan. Konten SVG dan MathML mengizinkan tag self-closing. Elemen lain yang masih terbuka saat induknya ditutup, atau di akhir input, adalah error.
Kasus Penggunaan Umum
- Menemukan div tak tertutup yang merusak tata letak halaman
- Memeriksa keluaran templat CMS atau email
- Menangkap id ganda yang merusak referensi label/aria
- Pemeriksaan aksesibilitas dasar untuk gambar tanpa teks alt
Catatan Keamanan
Semuanya berjalan secara lokal di browser Anda; kode yang Anda tempel tidak diunggah.
Pertanyaan Umum
Apakah ini validator W3C?
Bukan. Alat ini memeriksa well-formed dan beberapa masalah umum secara lokal. Ia tidak memeriksa elemen mana yang boleh berada di dalam elemen lain atau nilai atribut.
Mengapa </p> atau </li> yang hilang tidak dilaporkan?
HTML mengizinkan tag akhir tersebut dihilangkan; browser menutupnya secara otomatis.
Apakah menangani SVG?
Ya, di dalam <svg> dan <math> tag self-closing seperti <path/> diterima.
Apakah HTML saya dikirim ke suatu tempat?
Tidak, pemeriksaan berjalan sepenuhnya di browser Anda.