HTML Denetleyici: Yaygın HTML Sorunlarını Bulun
HTML Denetleyici, HTML'nizi ayrıştırır ve yinelenen ID'ler, alt özniteliği olmayan görseller, href özniteliği olmayan bağlantılar ve satır içi olay işleyiciler dahil yaygın erişilebilirlik ve kalite sorunlarını denetler. İşaretlemenizi yapıştırıp sonuçları incelemek için bir denetim çalıştırın. Ayrıştırıcı bir hata konumu bildirirse girdinizdeki sorunu bulmak için kullanabilirsiniz.
HTML Denetleyici, HTML işaretlemesini yaygın kalite ve erişilebilirlik sorunları açısından denetlemek için tarayıcı tabanlı bir araçtır. HTML'nizi ayrıştırır; yinelenen ID'leri, alt özniteliği olmayan görselleri, href özniteliği olmayan bağlantıları ve satır içi olay işleyicileri arar. Bir parçacığı veya başka bir araca aktarmaya hazırladığınız işaretlemeyi incelemek için kullanın.
Başlamak için HTML'nizi girdiye yapıştırın veya bırakın ve denetimi çalıştırın. Denetleyici bulduğu desteklenen sorunları bildirir ve varsa bir hata konumu gösterebilir. Bu konum, girdiyi inceleyeceğiniz bir yer verir; denetimler ayrıca yinelenen ID'ler veya eksik öznitelikler gibi belirli işaretleme sorunlarını vurgulamaya yardımcı olur.
HTML, sayfa içeriğini ve yapısını tanımlamak için öğeler ve öznitelikler kullanır. İşaretlemeyi denetlemek, onu başka yerde kullanmadan önce sorunları yakalamanıza yardımcı olabilir; özellikle üretilmiş HTML'yi incelerken veya erişilebilirlikle ilgili öznitelikleri denetlerken. Bu araç yukarıda listelenen denetimlere odaklanır; bu nedenle sonuçları, olası her HTML sorununun kapsandığı anlamına gelmeden bu konular için yararlıdır.
HTML Denetleyici tamamen tarayıcınızda çalışır. Girdiniz cihazınızda işlenir; yüklenmez, saklanmaz veya bir sunucuya gönderilmez. Sayfa yüklendikten sonra araç çevrimdışı çalışır; böylece etkin bir internet bağlantısı olmadan HTML denetleyebilirsiniz.
Geliştiriciler ve DevOps mühendisleri, düzenleme sırasında hızlı bir inceleme, işaretlemeyi başka bir ayrıştırıcıya aktarmadan önce veya başka bir aracın çıktısını denetlerken doğrulayıcıyı kullanabilir. Doğrudan tarayıcıda yaygın HTML sorunlarını incelemenin yalın bir yolunu sunar.
Adım 1: HTML'nizi araca yapıştırın veya bırakın. Denetlemek istediğiniz işaretlemeyi ekleyin.
Adım 2: HTML denetimini çalıştırın. Araç girdinizi ayrıştırır ve desteklenen erişilebilirlik ile kalite sorunlarını arar.
Adım 3: Sonuçları; yinelenen ID'ler, alt özniteliği olmayan görseller, href özniteliği olmayan bağlantılar ve satır içi olay işleyiciler açısından inceleyin.
Adım 4: Bir ayrıştırıcı hata konumu bildirilirse HTML'nizdeki konumu bulmak ve çevresindeki işaretlemeyi incelemek için kullanın.
Kullanım senaryosu: Başka bir ayrıştırıcıya veya çalışma zamanına aktarmadan önce HTML'yi denetleyin ve yaygın işaretleme sorunlarını erken yakalayın.
Kullanım senaryosu: Bildirilen bir ayrıştırıcı hata konumunu, tüm dosyayı elle aramak yerine HTML'nizi nerede inceleyeceğinizi bulmak için kullanın.
Kullanım senaryosu: Başka bir aracın ürettiği HTML'yi yinelenen ID'ler ve denetleyicinin denetlediği diğer sorunlar açısından inceleyin.
Kullanım senaryosu: Bir sayfanın erişilebilirliğini incelerken görsellerde eksik alt özniteliklerini denetleyin.
Kullanım senaryosu: Bir sayfayı paylaşmadan veya yayımlamadan önce href özniteliği olmayan bağlantıları bulun.
Kullanım senaryosu: Kalite denetiminin bir parçası olarak işaretlemede satır içi olay işleyicileri inceleyin.
Kullanım senaryosu: Girdiyi bir sunucuya yüklemeden HTML düzenlerken parçacık üzerinde hızlı, tarayıcı tabanlı bir denetim çalıştırın.