Yükleniyor...

HTML XHTML

Önceki SSE, EventSource açmayı ve tek yönlü sunucu metin akışı almayı öğretti — canlı güncelleme, belge sözdizimi tarihi değil. Bu ders akışları bırakır ve isteğe bağlı tarih izini XHTML ile kapatır: XML kuralları altında HTML. Kapsam pratik — ne daha sıkıydı, HTML5 ne değiştirdi, hangi alışkanlıklar yardım eder — XML şemaları değil.

HTML kursunda neden XHTML

Yeni başlayanlar «XHTML Strict» görüp her sayfayı yeniden yazmaları gerektiğini sanır. Hayır — HTML5 ana hedeftir. Eski sıkılık küçük harf, tırnak ve
talebini açıklar. Sunucu push’tan sonra buradaki ayrım işaretleme kuralları ve tarihi, gerçek zamanlı API değil.

Doğrudan yanıt

1) XHTML = XML olarak HTML. 2) Klasik alışkanlıklar: küçük harf, tırnaklı öznitelikler, açık boş öğeler. 3) Modern: <!DOCTYPE html> ile HTML5. 4) Temiz işaretleme hâlâ önemli. 5) Yeni projeler: HTML5 kalıpları. 6) Eski XHTML öğüdünü HTML5 pratiğine çevirin.

📊 HTML5 vs classic XHTML habits

Topic HTML5 (this course) XHTML-style strictness
Doctype <!DOCTYPE html> Older XHTML DOCTYPE lines
Empty elements <br> / <img> fine Often <br /> / <img … />
Attribute quotes Strongly recommended Required in XHTML
Element case Lowercase by convention Lowercase required in XHTML
Error recovery Forgiving HTML parsers XML rules were stricter
This course depth Required (daily practice) History + habits to recognize
Not this lesson Full CSS layout course XML schemas / MIME product design

Küçücük boş etiket karşıtlığı

Aynı anlam, iki yazım. Tipik HTML5’te tarayıcılar ikisini de kabul eder; eğik çizgi XHTML dönemi malzemesinin ipucudur.

Empty tag contrast HTML5 vs XHTML-looking

html 
<!-- HTML5-friendly empty tags -->
<p>Line one<br>Line two</p>
<img src="photo.jpg" alt="Demo photo">

<!-- XHTML-looking empty-element form -->
<p>Line one<br />Line two</p>
<img src="photo.jpg" alt="Demo photo" />

Karşıtlığı okumak

  • br ve br / günlük HTML5’te satır sonu
  • / XHTML XML yazımında boş öğe sözdizimiydi
  • src/alt tırnakları iyi HTML5 alışkanlığı ve XHTML’de zorunlu
  • Küçük harf her iki geleneğe uyar
  • SSE değil — EventSource yok
  • Sadece br / yüzünden MIME değiştirmeyin
  • Girişi küçük tutun

Küçücük iyi biçimli mini sayfa

Her iki dönemin alışkanlıklarını taşıyan kısa belge: doctype, charset, tırnaklı öznitelikler, kapanmış öğeler. HTML5 doctype’ta kalın.

Tiny well-formed HTML5 mini page

html 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Well-formed mini page</title>
</head>
<body>
<h1>Clean markup still helps</h1>
<p>Quoted attributes and closed tags keep the tree clear.</p>
<img src="photo.jpg" alt="A demo photo">
</body>
</html>

Mini sayfayı okumak

  • <!DOCTYPE html> HTML5’i işaretler
  • lang, charset ve tırnaklar kalıcı alışkanlıklar
  • Void olmayan öğeleri kapatın
  • alt erişilebilirliktir
  • SSE ile ilgisiz
  • Eski derslerin alışkanlıklarını eşleyin; yeni iş için HTML5 tutun
  • Sonraki adım çoğu zaman CSS

HTML5, XHTML alışkanlıkları veya eski dersler seçmek

  • Kursun yeni sayfası: HTML5 + temiz alışkanlıklar
  • 2005 XHTML Strict kitabı: kuralları çevirin; HTML5 tutun
  • br / görmek: XHTML dönemi stili
  • Canlı sunucu push: SSE idi
  • Off-thread hesap: Workers idi
  • XML şemaları / application/xhtml+xml: bu girişin ötesi

Alıştırma — karşılaştırın, HTML5 tutun, dönemleri ayırın

  1. Boş etiket karşıtlığını okuyun.
  2. Alışkanlık tablosuna bakın.
  3. HTML5 doctype’ı doğrulayın.
  4. Cümle: SSE olay akıtır; XHTML işaretleme tarihidir.
  5. Cümle: yeni başlangıç projeleri HTML5 hedefler.
  6. İsteğe bağlı: snippet’e tırnak ekleyin.
  7. Not: HTML yeniden yazım kuyruğunu kapatır.

Kolay hatalar

  • Anlamadan tam XHTML MIME/XML zorlamak
  • HTML5 hoşgörüsünü kötü işaretleme izni saymak
  • Stil rehberi olmadan dönemleri karıştırmak
  • SSE ile karıştırmak
  • Her sitenin XHTML Strict olması gerektiğine inanmak
  • Eski XHTML doctype’ı yeni projeye kopyalamak
  • Tırnakların «yalnızca XHTML için» olduğunu düşünmek

Özet

  • XHTML daha sıkı XML tarzı kurallar altında HTML idi
  • <!DOCTYPE html> ile HTML5 modern varsayılandır
  • Küçük harf, tırnaklar ve net etiketler hâlâ yardım eder
  • Eski XHTML derslerini çevirin
  • SSE canlı push idi; bu ders işaretleme tarihidir
  • HTML yeniden yazım kuyruğu burada biter — sonraki çoğu zaman CSS

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
5
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 68 / 68
Html Ders