Nibras Code
UygulamalarQR oluşturUnutmaİletişimAna sayfa

Programlama

HTML hata ayıklama

Doğrulayıcı, kapanmayan etiketler ve yanlış iç içe yerleştirme.

Tüm dersler · HTML dersleri: sıfırdan öğren

Hata nasıl aranır

HTML hata verip durmaz: tarayıcı hatalı kodu «düzeltmeye» çalışır ve sonuç beklediğinden farklı çıkar. Bu yüzden sorunu görmek için araçlara ihtiyaç vardır. En iyi dost tarayıcının «Inspect» (F12) penceresidir: tarayıcının oluşturduğu gerçek ağacı gösterir.

  1. Elemana sağ tıkla ve Inspect seç.
  2. Gerçek ağacı beklediğin yapıyla karşılaştır.
  3. Önce yukarıdaki ilk hatayı düzelt, çünkü sonrakiler ondan doğabilir.

En sık karşılaşılan hatalar

  • Kapanmayan etiket: sonraki tüm içerik yanlış görünür.
  • Yanlış iç içe geçme: <b><i>…</b></i>.
  • Unutulan tırnak: <a href="page.html>.
  • Dosya adının harf büyüklüğü: Photo.JPG ≠ photo.jpg.
  • Karakter kodlaması yoksa harfler bozulur.
  • Aynı id iki kez kullanılmış.
<!-- wrong -->
<p>Hello <b>world</p></b>
<img src="Photo.JPG" alt="">

<!-- right -->
<p>Hello <b>world</b></p>
<img src="photo.jpg" alt="A tidy desk">

Doğrulayıcı ve kontrol listesi

W3C Markup Validator kodu yapıştırıp denetlemene olanak verir ve her hatayı satır numarasıyla gösterir. Her sayfadan önce bu kısa listeyi geç: doctype var mı? lang yazıldı mı? title benzersiz mi? Tüm görsellerde alt var mı? Başlık düzeyleri ardışık mı?

Yazar: Nibras Code