HTML for Kids · Ders

HTML Kodunuzu Doğrulama

Kodunuzun HTML standartlarına uygun olduğundan emin olun

HTML Kodunuzu Doğrulama, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML for Kids öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML for Kids kursu toplamda 4 dersten oluşur.

HTML Kodunuzu Neden Doğrulamalısınız

HTML Kodunuzu Doğrulama

Bir sonraki derse hoş geldiniz! Bugün, HTML kodunuzun web standartlarına uygun olduğundan ve hata içermediğinden emin olmak için onu nasıl doğrulayacağınızı öğreneceğiz. Doğrulama, daha iyi web sayfaları oluşturmanıza yardımcı olur.

HTML Doğrulama Nedir?

Doğrulama, HTML kodunuzun web standartlarına uygun olarak doğru yazıldığını kontrol eder.

HTML kodunu doğrulamanın faydaları:

Kodunuzun hata içermediğinden emin olur.
Sayfanızın tüm tarayıcılarla uyumlu olmasını sağlar.
Erişilebilirliği ve SEO'yu geliştirir.

Yaygın HTML Hataları

Kaçınmanız gereken bazı yaygın hatalar şunlardır:

Kapanış etiketlerinin eksik olması.
Yanlış etiket adlarının kullanılması.
Öznitelik değerlerinin çevresine tırnak işareti koymayı unutmak.

Örnek: Yaygın bir hata:

<a href=https://example.com>Click here<a>

Düzeltilmiş sürüm:

<a href="https://example.com">Click here</a>

W3C Doğrulayıcısını Kullanma

W3C Doğrulayıcısı, HTML kodunuzdaki hataları ve uyarıları kontrol eden ücretsiz bir araçtır. Şu adımları izleyin:

validator.w3.org adresine gidin.
Aşağıdaki seçeneklerden birini seçin:
- Doğrudan Girdi: HTML kodunuzu yapıştırın.
- Dosya Yükleme: HTML dosyanızı yükleyin.
- URL: Web sayfanızın URL'sini girin.
Sonuçları görmek için Kontrol Et seçeneğine tıklayın.

Doğrulama Hatalarını Düzeltme

Kodunuzu doğruladığınızda doğrulayıcı, varsa hataları veya uyarıları listeler. Bunları şu şekilde düzeltebilirsiniz:

Hata iletisini dikkatlice okuyun.
Kodunuzdaki sorunun yerini bulun.
Gerekli düzeltmeleri yapın.

İpucu: Değişiklik yaptıktan sonra kodunuzu her zaman yeniden doğrulayın!

Doğrulama için En İyi Uygulamalar

Doğrulama hatalarından kaçınmak için şu ipuçlarını izleyin:

Her zaman doğru belge türü bildirimini kullanın (ör. <!DOCTYPE html>).
Tüm etiketleri uygun şekilde kapatın.
Etiket adlarında küçük harfler kullanın.
Resimler için alt özniteliğini ekleyin.

Örnek:

<!DOCTYPE html>
<html>
  <head>
    <title>Validated Page</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <img src="image.jpg" alt="Description of the image" />
    <p>This is a valid HTML page.</p>
  </body>
</html>

Gerçek Dünya Örneği

İşte doğrulama sorunları olan bir sayfa örneği:

<!-- Incorrect HTML -->
<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  <body>
    <h1>Welcome</h1>
    <img src="image.jpg">
    <p>This is my first page.
  </body>
</html>


<!-- Correct HTML -->
<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h1>Welcome</h1>
    <img src="image.jpg" alt="A sample image">
    <p>This is my first page.</p>
  </body>
</html>

Kendiniz Deneyin

Geçerli bir HTML sayfası oluşturalım. Bu örneği kullanın:

<!DOCTYPE html>
<html>
  <head>
    <title>Validation Example</title>
  </head>
  <body>
    <h1>My Validated Page</h1>
    <img src="example.jpg" alt="An example image">
    <p>This page passes validation!</p>
  </body>
</html>

HTML Doğrulama Özeti

Harika İş!

Tebrikler! HTML kodunuzu doğrulamayı ve yaygın hataları düzeltmeyi öğrendiniz. Doğrulama, profesyonel, erişilebilir ve tarayıcılarla uyumlu web sayfaları oluşturmanın önemli bir adımıdır. Bir sonraki derste becerilerinizi pekiştirmek için ileri düzey konulara ve eğlenceli görevlere geçeceğiz. Harika çalışmaya devam edin!

Sıkça Sorulan Sorular

“HTML Kodunuzu Doğrulama” dersi ücretsiz mi?

Evet — “HTML Kodunuzu Doğrulama” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML for Kids kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML for Kids kursu toplamda 4 dersten oluşur.

“HTML Kodunuzu Doğrulama” dersinde ne öğreneceğim?

Kodunuzun HTML standartlarına uygun olduğundan emin olun HTML for Kids ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

HTML for Kids öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te HTML for Kids, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“HTML Kodunuzu Doğrulama” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu HTML for Kids dersinde kod yazıp çalıştırabilir miyim?

Evet. Her HTML for Kids dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← HTML for Kids Sayfasına Dön