लोड हो रहा है...

HTML XHTML

पहले SSE ने EventSource खोलना और एकतरफ़ा सर्वर टेक्स्ट स्ट्रीम लेना सिखाया — लाइव अपडेट, दस्तावेज़ सिंटैक्स इतिहास नहीं। यह पाठ स्ट्रीम छोड़कर वैकल्पिक इतिहास ट्रैक को XHTML से बंद करता है: XML नियमों के तहत HTML। दायरा व्यावहारिक — क्या सख्त था, HTML5 ने क्या बदला, कौन सी आदतें मदद करती हैं — XML स्कीमा नहीं।

HTML कोर्स में XHTML क्यों

शुरुआती «XHTML Strict» देखकर सोचते हैं हर पेज फिर लिखना होगा। नहीं — HTML5 मुख्य लक्ष्य है। पुरानी सख्ती बताती है क्यों छोटे टैग, उद्धरण और
माँगे जाते हैं। सर्वर पुश के बाद यहाँ विभाजन मार्कअप नियम और इतिहास है, रीयलटाइम API नहीं।

सीधा उत्तर

1) XHTML = XML के रूप में HTML। 2) क्लासिक आदतें: छोटे अक्षर, उद्धृत गुण, स्पष्ट खाली तत्व। 3) आधुनिक: <!DOCTYPE html> वाला HTML5। 4) साफ मार्कअप अभी भी मायने रखता है। 5) नए प्रोजेक्ट: HTML5 पैटर्न। 6) पुरानी XHTML सलाह को HTML5 अभ्यास में अनुवाद करें।

📊 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

छोटा खाली-टैग कंट्रास्ट

वही अर्थ, दो शैलियाँ। सामान्य HTML5 में ब्राउज़र दोनों स्वीकार करते हैं; स्लैश XHTML-युग सामग्री का संकेत है।

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" />

कंट्रास्ट पढ़ना

  • br और br / दोनों रोज HTML5 में लाइन ब्रेक
  • / XHTML XML लेखन में खाली तत्व सिंटैक्स था
  • src/alt पर उद्धरण अच्छी HTML5 आदत और XHTML में आवश्यक
  • छोटे अक्षर दोनों रीति से मेल खाते हैं
  • SSE नहीं — कोई EventSource नहीं
  • सिर्फ br / के लिए MIME न बदलें
  • परिचय छोटा रखें

छोटा सुगठित मिनी पेज

दोनों युगों की आदतों वाला छोटा दस्तावेज़: doctype, charset, उद्धृत गुण, बंद तत्व। HTML5 doctype पर रहें।

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>

मिनी पेज पढ़ना

  • <!DOCTYPE html> HTML5 चिह्नित करता है
  • lang, charset, उद्धरण टिकाऊ आदतें हैं
  • गैर-void तत्व बंद करें
  • alt पहुँचयोग्यता है
  • SSE से unrelated
  • पुराने ट्यूटोरियल की आदतें मैप करें; नए काम के लिए HTML5 रखें
  • अगला कदम अक्सर CSS

HTML5, XHTML आदतें या पुराने ट्यूटोरियल चुनना

  • कोर्स का नया पेज: HTML5 + साफ आदतें
  • 2005 XHTML Strict किताब: नियम अनुवाद; HTML5 रखें
  • br / देखना: XHTML-युग शैली
  • लाइव सर्वर पुश: SSE था
  • ऑफ-थ्रेड गणना: Workers थे
  • XML स्कीमा / application/xhtml+xml: इस परिचय से परे

अभ्यास — तुलना करें, HTML5 रखें, युग अलग करें

  1. खाली-टैग कंट्रास्ट पढ़ें।
  2. आदत तालिका देखें।
  3. HTML5 doctype पुष्टि करें।
  4. वाक्य: SSE इवेंट स्ट्रीम करता है; XHTML मार्कअप इतिहास है।
  5. वाक्य: नए शुरुआती प्रोजेक्ट HTML5 लक्षित करें।
  6. वैकल्पिक: स्निपेट में उद्धरण जोड़ें।
  7. नोट: HTML रीराइट कतार बंद होती है।

आसान गलतियाँ

  • बिना समझे पूर्ण XHTML MIME/XML थोपना
  • HTML5 की उदारता को खराब मार्कअप की अनुमति मानना
  • स्टाइल गाइड के बिना युग मिलाना
  • SSE से भ्रमित होना
  • हर साइट को XHTML Strict मानना
  • पुराना XHTML doctype नए प्रोजेक्ट में कॉपी
  • उद्धरण «केवल XHTML के लिए» सोचना

सारांश

  • XHTML सख्त XML-शैली नियमों के तहत HTML था
  • <!DOCTYPE html> वाला HTML5 आधुनिक डिफ़ॉल्ट है
  • छोटे अक्षर, उद्धरण, स्पष्ट टैग अभी मदद करते हैं
  • पुराने XHTML ट्यूटोरियल अनुवाद करें
  • SSE लाइव पुश था; यह पाठ मार्कअप इतिहास है
  • HTML रीराइट कतार यहीं समाप्त — अगला अक्सर CSS

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓
5
प्रश्न
🎯
70%
पास करने के लिए
♾️
∞
समय
🔄
∞
प्रयास

📝 निर्देश

  • हर प्रश्न को ध्यान से पढ़ें
  • हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
  • आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
  • आपकी प्रगति शीर्ष पर दिखाई जाएगी