Introduction to XHTML in Hindi

XHTML

XHTML का पूरा नाम Extensible HyperText Markup Language है। यह HTML को XML (Extensible Markup Language) के strict syntax rules के साथ लिखने के लिए बनाया गया markup language specification है। XHTML का उद्देश्य web pages के HTML code को ज्यादा structured, consistent और XML के नियमों के अनुरूप बनाना था।

सरल शब्दों में कहा जाए तो XHTML को आप HTML की syntax को XML के strict rules के साथ लिखने का तरीका समझ सकते हैं। इसमें HTML की तरह elements और attributes का उपयोग किया जाता है, लेकिन code लिखते समय syntax के rules को ज्यादा strictly follow करना पड़ता है।

XHTML और HTML में अंतर

HTML browsers को कई छोटी syntax mistakes के बावजूद page render करने की flexibility देता है। इसके विपरीत XHTML में document को XML की तरह well-formed होना जरूरी होता है। इसलिए tags की सही nesting, closing tags, lowercase element names और quoted attributes जैसी चीजों का ध्यान रखना पड़ता है।

1. सभी Tags को Properly Close करना

XHTML में सामान्य elements के opening और closing tags को properly लिखना जरूरी होता है। उदाहरण के लिए paragraph के लिए opening और closing दोनों tags लिखे जाते हैं।

ऊपर paragraph को opening <p> और closing </p> tag के साथ properly लिखा गया है। XHTML में इस तरह की well-formed structure महत्वपूर्ण होती है।

2. Empty या Void Elements का Syntax

XHTML में ऐसे elements जिनका अलग closing tag नहीं होता, उन्हें XML-style में self-closing syntax के साथ लिखा जाता था। उदाहरण के लिए <br />, <hr /> और <img />।

यहाँ <br /> XML-style syntax में लिखा गया है। Modern HTML में <br> भी valid है, लेकिन XHTML syntax में <br /> जैसे XML-style syntax का पालन किया जाता है।

3. Tags Lowercase में लिखना

XHTML में element और attribute names को lowercase में लिखना चाहिए। उदाहरण के लिए <body> और <title> सही style हैं। Uppercase और lowercase को mix करने के बजाय एक consistent lowercase syntax follow किया जाता है।

4. Attributes को Quotes में लिखना

XHTML में attributes की values को quotes के अंदर लिखना जरूरी होता है। सामान्यतः double quotes का उपयोग किया जाता है।

उदाहरण के लिए:

ऊपर type, name और value सभी attribute values double quotes में लिखी गई हैं। यह XHTML syntax का important rule है।

XHTML में Proper Nesting

XHTML में elements की nesting भी सही होनी चाहिए। इसका मतलब है कि जो tag सबसे बाद में open हुआ है, उसे पहले close किया जाना चाहिए। इसे आप brackets की तरह समझ सकते हैं।

ऊपर <strong> element पहले open हुआ और फिर close हुआ। उसके बाद <p> और अंत में <div> close हुआ। इस तरह elements की nesting properly maintained है।

XHTML Document का Basic Structure

XHTML document में document structure भी properly defined किया जाता है। XHTML के पुराने versions में XHTML-specific DOCTYPE declaration का उपयोग किया जाता था। उदाहरण के लिए XHTML 1.0 Strict document का एक basic structure इस प्रकार था:

यह example XHTML 1.0 Strict के पुराने document style को दिखाता है। इसमें XHTML-specific DOCTYPE और xmlns attribute का उपयोग किया गया है। आज के नए web projects में सामान्यतः HTML5 का उपयोग किया जाता है।

XHTML की मुख्य विशेषताएँ

• यह HTML को XML की strict syntax के साथ लिखने के लिए बनाया गया था।
• Document को well-formed रखने पर जोर दिया जाता है।
• Elements की proper nesting जरूरी होती है।
• Elements और attributes को lowercase में लिखने की convention/rule अपनाई जाती है।
• Attribute values को quotes में लिखा जाता है।
• Empty elements को XML-style syntax में close किया जाता है, जैसे <br />।
• यह HTML और XML के बीच syntax-level relationship को समझने में मदद करता है।

XHTML के Advantages

• Strict syntax की वजह से code structure अधिक consistent रखा जा सकता है।
• Proper nesting और closing tags की वजह से document की structure स्पष्ट रहती है।
• XML-based systems के साथ काम करने के concepts को समझने में उपयोगी है।
• Clean और well-formed markup लिखने की अच्छी coding habits विकसित होती हैं।

XHTML की Limitations

• इसके strict syntax rules की वजह से HTML की तुलना में code लिखते समय अधिक सावधानी रखनी पड़ती है।
• Modern web development में HTML5 ज्यादा common है।
• नए projects के लिए XHTML-specific syntax अपनाना सामान्यतः आवश्यक नहीं होता।
• पुराने XHTML projects को maintain करते समय इसके syntax और document rules को समझना जरूरी हो सकता है।

XHTML और HTML5

आज के modern web development में HTML5 का उपयोग बहुत common है। HTML5 developers को semantic elements, multimedia elements और कई modern web features प्रदान करता है। XHTML का महत्व मुख्य रूप से web standards के इतिहास और XML-style markup को समझने में है।

इसलिए यदि आप HTML सीख रहे हैं, तो XHTML को एक important historical और technical concept के रूप में समझना उपयोगी है, लेकिन नए सामान्य web projects के लिए HTML5 की syntax और features पर अधिक ध्यान दिया जाता है।

Complete XHTML Example

नीचे एक complete XHTML-style example दिया गया है जिसमें proper document structure, lowercase tags, quoted attributes, proper nesting और XML-style empty elements को एक साथ दिखाया गया है।

इस example में XHTML के कई important rules एक साथ दिखाई दे रहे हैं। सभी tags lowercase में हैं, attributes quotes में हैं, elements properly nested हैं और <meta />, <hr /> तथा <img /> XML-style syntax में लिखे गए हैं।

Note: ऊपर का example XHTML 1.0 Strict के पुराने syntax को समझाने के लिए है। इसे किसी modern HTML5 page में copy करने पर XHTML-specific DOCTYPE जरूरी नहीं होगा।

कुल मिलाकर, XHTML का मुख्य उद्देश्य HTML markup को XML की strict और well-formed syntax के साथ लिखना था। इसके rules को समझने से developers को proper nesting, closing tags, attributes और structured markup की importance समझने में मदद मिलती है। हालांकि modern websites के लिए HTML5 सामान्यतः preferred markup standard है।

---

---

---

---

---

---

Quizzes in Hindi

---

---

---