XHTML (एक्स्टेंसिबल हाइपरटेक्स्ट मार्कअप लैंग्वेज) एक मार्कअप लैंग्वेज है जो जोड़ती है flexकी क्षमता एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) XML (एक्स्टेंसिबल मार्कअप लैंग्वेज) के सख्त सिंटैक्स और एक्स्टेंसिबिलिटी के साथ। HTML के उत्तराधिकारी के रूप में बनाया गया, XHTML एक W3C मानक है जिसका उद्देश्य सख्त सिंटैक्स नियमों को लागू करके वेब दस्तावेज़ों की संरचना, अनुकूलता और अंतरसंचालनीयता में सुधार करना है।
HTML के विपरीत, जो कभी-कभी मामूली त्रुटियों वाले पेज प्रदर्शित कर सकता है, XHTML दस्तावेज़ों को सही ढंग से संसाधित करने के लिए XML मानक नियमों का पालन करना चाहिए वेब ब्राउज़र्स. XML नियमों का पालन करने का अर्थ है कि दस्तावेज़ों को विभिन्न ब्राउज़रों और उपकरणों पर लगातार प्रस्तुत किया जाता है, जिससे उपयोगकर्ता अनुभव में वृद्धि होती है। एक्सएचटीएमएल आईटी पेशेवरों और ऑनलाइन व्यवसायों को ऐसी वेब सामग्री बनाने की अनुमति देता है जो मजबूत और बहुमुखी दोनों है, जो विभिन्न क्षेत्रों में अनुप्रयोगों और सेवाओं की एक विस्तृत श्रृंखला का समर्थन करती है।
एक्सएचटीएमएल बनाम एचटीएमएल
यहां XHTML और HTML के बीच अंतर का अवलोकन दिया गया है।
Feature | एक्सएचटीएमएल | एचटीएमएल |
बुनियाद | HTML को जोड़ता है flexXML के सख्त सिंटैक्स के साथ योग्यता। | वेब पेज बनाने के लिए मानक मार्कअप भाषा। |
सिंटेक्स नियम | XML सिंटैक्स का कड़ाई से पालन आवश्यक है, जिसमें सभी टैग बंद करना और लोअरकेस का उपयोग करना शामिल है। | वाक्यविन्यास के साथ अधिक उदार; बंद किए गए टैग और केस-असंवेदनशीलता की अनुमति देता है। |
अनुकूलता | XML पार्सर्स और प्रोसेसर के साथ संगत होने के लिए डिज़ाइन किया गया है, जो इसे व्यापक रेंज के लिए उपयुक्त बनाता है अनुप्रयोगों. | दृश्य प्रतिपादन पर ध्यान देने के साथ मुख्य रूप से वेब ब्राउज़र के लिए अभिप्रेत है। |
DOCTYPE | XML अनुपालन सुनिश्चित करने के लिए सख्त DOCTYPE घोषणाओं का उपयोग करता है। | HTML5 ने उपयोग में आसानी पर ध्यान केंद्रित करते हुए DOCTYPE घोषणा को सरल बनाया। |
गलती संभालना | सही दस्तावेज़ संरचना की आवश्यकता है और यह त्रुटियों के साथ प्रस्तुत नहीं होगा; स्वच्छ, अधिक विश्वसनीय कोड को बढ़ावा देता है। | ब्राउज़र को त्रुटियों को संभालने के लिए डिज़ाइन किया गया है, कुछ मार्कअप त्रुटियों के साथ भी सामग्री प्रदर्शित की जाती है। |
विकास फोकस | इसका उद्देश्य यह सुनिश्चित करना है कि वेब दस्तावेज़ अच्छी तरह से तैयार हों, विभिन्न उपकरणों और ब्राउज़रों में एकरूपता को बढ़ावा मिले। | उपयोग में आसानी, पिछड़ी संगतता और सख्त सिंटैक्स आवश्यकताओं के बिना सामग्री प्रकारों की एक विस्तृत श्रृंखला के लिए समर्थन पर ध्यान केंद्रित करता है। |
तानाना | आसानी से अन्य XML अनुप्रयोगों के साथ एकीकृत होता है, जिससे अधिक जटिल डेटा प्रबंधन और प्रस्तुति की सुविधा मिलती है। | हालांकि XHTML की तरह सख्ती से विस्तार योग्य नहीं है, HTML5 एपीआई और सुविधाओं का परिचय देता है जो वेब अनुप्रयोगों की एक विस्तृत श्रृंखला का समर्थन करते हैं। |
प्रयोग | सख्त आवश्यकताओं और HTML5 के उदय के कारण नई वेब विकास परियोजनाओं में यह कम आम है। | वेब विकास में व्यापक रूप से उपयोग किया जाता है, HTML5 वर्तमान मानक होने के कारण बेहतर पेशकश करता है flexआधुनिक वेब अनुप्रयोगों के लिए क्षमता और सुविधाएँ। |
एक्सएचटीएमएल का संक्षिप्त इतिहास
XHTML 1990 के दशक के अंत में XML 4.01 का उपयोग करके HTML 1.0 के सुधार के रूप में उभरा। विश्वव्यापी वेब कंसोर्टियम (W3C) ने 1.0 में XHTML 2000 पेश किया, जिसका लक्ष्य HTML के व्यापक उपयोग और परिचितता को XML के सख्त सिंटैक्स और विस्तारशीलता के साथ जोड़ना था। इस कदम का उद्देश्य अधिक कठोर वेब विकास प्रथाओं को बढ़ावा देना था, यह सुनिश्चित करना कि दस्तावेज़ अच्छी तरह से तैयार किए गए थे और सख्त मानकों का पालन किया गया था। XHTML की शुरूआत एक अधिक संरचित और इंटरऑपरेबल वेब की दिशा में एक महत्वपूर्ण कदम था, जिसमें कई प्लेटफार्मों और ब्राउज़रों में दस्तावेज़ की वैधता और स्थिरता के महत्व पर जोर दिया गया था।
हालाँकि, वेब मानकों के विकास और HTML5 के आगमन ने गति को वापस HTML की ओर स्थानांतरित कर दिया। HTML5, 2014 में पेश किया गया, जिसमें XHTML के सख्त वाक्यात्मक नियमों की आवश्यकता के बिना, वेब विकास समुदाय की कई व्यावहारिक ज़रूरतों को शामिल किया गया, जैसे कि देशी मल्टीमीडिया समर्थन, अधिक अर्थ तत्व और नए फॉर्म नियंत्रण।
XHTML के प्रति प्रारंभिक उत्साह और XML के साथ इसके सख्त अनुपालन के बावजूद, वेब विकास समुदाय ने बड़े पैमाने पर इसका समर्थन किया flexHTML5 की क्षमता और सरलता. परिणामस्वरूप, XHTML की लोकप्रियता में गिरावट आई और XHTML 2.0, जो विकास के अधीन था, अंततः HTML5 के पक्ष में छोड़ दिया गया।
आज, जबकि XHTML का उपयोग अभी भी विशिष्ट संदर्भों में होता है जहां XML संगतता की आवश्यकता होती है, HTML5 मजबूत और इंटरैक्टिव वेब पेज बनाने के लिए वास्तविक मानक है।
XHTML का उपयोग क्यों किया जाता है?
XHTML का उपयोग कई प्रमुख कारणों से किया जाता है, जिनमें शामिल हैं:
- क्लीनर कोड के लिए सख्त वाक्यविन्यास। एक्सएचटीएमएल सख्त वाक्यविन्यास नियमों को लागू करता है, जैसे कि सभी तत्वों को सही ढंग से नेस्ट, बंद और लोअरकेस होना आवश्यक है। इससे साफ़, अधिक त्रुटि-मुक्त कोड प्राप्त होता है जिसे बनाए रखना और डीबग करना आसान होता है।
- क्रॉस-डिवाइस अनुकूलता. XHTML के सख्त मानक यह सुनिश्चित करने में मदद करते हैं कि दस्तावेज़ विभिन्न ब्राउज़रों और उपकरणों पर अधिक सुसंगत रूप से प्रस्तुत किए जाते हैं। यह उन वेब अनुप्रयोगों के लिए आवश्यक है जिन्हें एकाधिक प्लेटफ़ॉर्म पर निर्बाध रूप से कार्य करने की आवश्यकता होती है।
- XML अनुप्रयोगों के साथ एकीकरण. चूँकि XHTML XML का एक अनुप्रयोग है, यह अन्य XML अनुप्रयोगों के साथ अच्छी तरह से एकीकृत होता है। यह वेब सेवाओं के लिए विशेष रूप से उपयोगी है, सामग्री प्रबंधन प्रणाली (सीएमएस), और एप्लिकेशन जो विभिन्न स्रोतों से डेटा का उपयोग करते हैं।
- भविष्य-प्रूफ़िंग सामग्री. XHTML के XML मानकों के अनुपालन का मतलब है कि सामग्री उभरती वेब प्रौद्योगिकियों के साथ आगे-संगत होने की अधिक संभावना है। यह दीर्घकालिक सामग्री रणनीति और संग्रहण के लिए आवश्यक है।
- पहुंच और अंतर्राष्ट्रीयकरण. एक्सएचटीएमएल अपने सख्त सिंटैक्स और विभिन्न दस्तावेज़ पार्सिंग प्रौद्योगिकियों के साथ संगतता के कारण पहुंच मानकों और अंतर्राष्ट्रीयकरण का समर्थन करने में बेहतर है। यह इसे उन परियोजनाओं के लिए आदर्श बनाता है जिनके लिए पहुंच संबंधी दिशानिर्देशों का पालन करना आवश्यक है या जिन्हें कई भाषाओं का समर्थन करने की आवश्यकता है।
- विकास अनुशासन. अच्छी तरह से निर्मित कोड की आवश्यकता डेवलपर्स के बीच बेहतर कोडिंग प्रथाओं को प्रोत्साहित करती है। इससे मजबूती और विश्वसनीयता के मामले में वेब पेजों की गुणवत्ता में सुधार होता है।
एक्सएचटीएमएल के तत्व
XML में HTML 4.01 के सुधार के रूप में, XHTML HTML के कई तत्वों को नियोजित करता है। फिर भी, इन तत्वों का उपयोग XML के सख्त सिंटैक्स नियमों के अनुसार किया जाना चाहिए।
यहां प्रमुख XHTML तत्वों का अवलोकन दिया गया है:
संरचनात्मक तत्व
- HTML. मूल तत्व जो XHTML दस्तावेज़ को परिभाषित करता है।
- सिर. दस्तावेज़ के बारे में मेटा-जानकारी शामिल है, जैसे उसका शीर्षक और स्टाइलशीट के लिंक।
- शीर्षक। दस्तावेज़ का शीर्षक निर्दिष्ट करता है, जो ब्राउज़र के शीर्षक बार या टैब में दिखाई देता है।
- परिवर्तन. दस्तावेज़ की सामग्री शामिल है, जैसे पाठ, चित्र और लिंक।
पाठ स्वरूपण तत्व
- p. एक अनुच्छेद को परिभाषित करता है.
- br. एक लाइन ब्रेक सम्मिलित करता है.
- h1 सेवा मेरे h6. हेडर को परिभाषित करता है, के साथ h1 उच्चतम स्तर होने के नाते और h6 सबसे कम।
- मजबूत. सामग्री पर ज़ोर देने का संकेत देता है, जिसे आम तौर पर बोल्ड टेक्स्ट के रूप में प्रदर्शित किया जाता है।
- em. उस जोर को इंगित करता है जो वाक्य के अर्थ को सूक्ष्मता से बदल देता है, जिसे आमतौर पर इटैलिक पाठ के रूप में प्रदर्शित किया जाता है।
हाइपरलिंक और छवि तत्व
- a. किसी अन्य पृष्ठ या उसी पृष्ठ के किसी स्थान से लिंक करने वाले हाइपरलिंक को परिभाषित करता है।
- IMG. दस्तावेज़ में एक छवि एम्बेड करता है। आवश्यक है " (स्रोत) और alt (वैकल्पिक पाठ) विशेषताएँ।
तत्वों की सूची बनाएं
- ul. एक अव्यवस्थित सूची को परिभाषित करता है.
- राजभाषा एक आदेशित सूची को परिभाषित करता है।
- li. किसी सूची आइटम को परिभाषित करता है, जिसका उपयोग किसी एक के भीतर किया जाता है ul or ol टैग।
तालिका तत्व
- तालिका. एक तालिका परिभाषित करता है.
- tr. तालिका में एक पंक्ति को परिभाषित करता है.
- td. तालिका में एक सेल को परिभाषित करता है।
- th. किसी तालिका में हेडर सेल को परिभाषित करता है।
फार्म तत्व
- प्रपत्र. उपयोगकर्ता इनपुट के लिए HTML फॉर्म को परिभाषित करता है।
- निवेश. किसी प्रपत्र के भीतर एक इनपुट फ़ील्ड को परिभाषित करता है।
- पाठ क्षेत्र. एक मल्टीलाइन इनपुट फ़ील्ड (पाठ क्षेत्र) को परिभाषित करता है।
- लेबल. एक के लिए एक लेबल परिभाषित करता है निवेश तत्व।
- बटन. एक क्लिक करने योग्य बटन को परिभाषित करता है।
स्क्रिप्टिंग और शैली तत्व
- लिपि. स्थान स्क्रिप्ट, जैसे जावास्क्रिप्ट, दस्तावेज़ के भीतर।
- अंदाज. आमतौर पर दस्तावेज़ के लिए शैली की जानकारी शामिल होती है सीएसएस.
अन्य महत्वपूर्ण तत्व
- लक्ष्य। HTML दस्तावेज़ के बारे में मेटाडेटा प्रदान करता है, जैसे वर्ण सेट, लेखक और व्यूपोर्ट सेटिंग्स।
- लिंक. सीएसएस फ़ाइलों जैसे बाहरी संसाधनों को दस्तावेज़ से जोड़ने के लिए उपयोग किया जाता है।
- div. HTML दस्तावेज़ में एक प्रभाग या अनुभाग को परिभाषित करता है और इसका उपयोग स्टाइलिंग या स्क्रिप्टिंग उद्देश्यों के लिए किया जाता है।
- विस्तार. एक इनलाइन कंटेनर को परिभाषित करता है जिसका उपयोग स्टाइलिंग या स्क्रिप्टिंग के लिए किसी टेक्स्ट या दस्तावेज़ के एक अनुभाग को चिह्नित करने के लिए किया जाता है।
इनमें से प्रत्येक तत्व का उपयोग XHTML के सख्त सिंटैक्स नियमों का पालन करते हुए किया जाना चाहिए, जैसे कि सभी टैग बंद करना (उदाहरण के लिए, ) और लोअरकेस टैग का उपयोग करना। इसके अलावा, विशेषताओं को उद्धृत किया जाना चाहिए, और जैसे तत्व br और IMG यदि उनमें कोई सामग्री नहीं है (जैसे, , ).
एक्सएचटीएमएल बाधाएँ
XHTML में कुछ बाधाएँ हैं जिन्हें डेवलपर्स को ध्यान में रखना चाहिए।
अनिवार्य एक्सएचटीएमएल घोषणा
XHTML में, अनिवार्य दस्तावेज़ की शुरुआत में घोषणा, से पहले टैग, ब्राउज़र में दस्तावेज़ प्रकार और संस्करण को परिभाषित करता है। यह ब्राउज़र को उपयोग किए जा रहे XHTML के प्रकार (सख्त, संक्रमणकालीन, या फ्रेमसेट) के बारे में सूचित करके पृष्ठ को सही ढंग से प्रस्तुत करने में मदद करता है।
नेस्टेड तत्व
एक्सएचटीएमएल के लिए आवश्यक है कि स्पष्ट और तार्किक संरचना बनाए रखते हुए तत्वों को एक-दूसरे के भीतर उचित रूप से समाहित किया जाए। इसका मतलब यह है कि यदि कोई तत्व किसी अन्य तत्व के भीतर खोला जाता है, तो बाहरी तत्व बंद होने से पहले उसे बंद करना होगा। उचित नेस्टिंग XML पार्सर्स को दस्तावेज़ की संरचना की सही ढंग से व्याख्या करने में सक्षम बनाती है, जिससे विभिन्न ब्राउज़रों और उपकरणों में रेंडरिंग समस्याओं को रोकने में मदद मिलती है।
XHTML तत्व बंद होने चाहिए
HTML के विपरीत, जहां कुछ तत्वों को खुला छोड़ा जा सकता है, और ब्राउज़र अभी भी सामग्री को सही ढंग से प्रस्तुत करेगा, XHTML के XML सिंटैक्स नियमों के पालन का मतलब है कि प्रत्येक प्रारंभ टैग में एक संबंधित अंत टैग होना चाहिए। टैग बंद करने से दस्तावेज़ संरचना में अस्पष्टता को खत्म करने में मदद मिलती है, जिससे यह सुनिश्चित होता है कि पार्सर्स दस्तावेज़ की सामग्री और संरचना की सटीक व्याख्या कर सकते हैं।
खाली तत्व बंद होने चाहिए
एक्सएचटीएमएल में, यहां तक कि खाली तत्व भी, जैसे , , तथा , अभी भी बंद होना चाहिए। यह आम तौर पर स्व-समापन टैग सिंटैक्स का उपयोग करके किया जाता है (उदाहरण के लिए, or ). यह नियम XML आवश्यकता को पुष्ट करता है कि प्रत्येक तत्व को स्पष्ट रूप से खोला और बंद किया जाना चाहिए, जिससे दस्तावेज़ संरचना स्पष्टता सुनिश्चित होती है और XML प्रोसेसर द्वारा त्रुटि मुक्त पार्सिंग में सहायता मिलती है।
तत्व लोअरकेस में होने चाहिए
XHTML सभी तत्व नामों के लिए लोअरकेस के उपयोग को लागू करता है, जो इसके XML फाउंडेशन को दर्शाता है, जो केस-संवेदी है। यह HTML के विपरीत है, जहां तत्व नाम अपरकेस, लोअरकेस या दोनों के मिश्रण में हो सकते हैं। XHTML में लोअरकेस तत्व नामों की आवश्यकता एकरूपता को बढ़ावा देती है और दस्तावेज़ प्रसंस्करण के दौरान त्रुटियों की संभावना को कम करती है, जिससे कोड अधिक पठनीय और प्रबंधन में आसान हो जाता है।
विशेषता नाम छोटे अक्षरों में होने चाहिए
तत्व नामों की तरह, सही ढंग से व्याख्या करने के लिए XHTML में सभी विशेषता नाम लोअरकेस में होने चाहिए। यह सुनिश्चित करना कि विशेषता नाम लोअरकेस में हैं, पूरे दस्तावेज़ में एकरूपता बनाए रखने में मदद करता है, डिबगिंग को सरल बनाता है, और XML टूल और प्रौद्योगिकियों के साथ संगतता बढ़ाता है।
विशेषता मान उद्धृत किया जाना चाहिए
एक्सएचटीएमएल में, विशेषताओं को निर्दिष्ट मान हमेशा उद्धरण चिह्नों (या तो एकल) में संलग्न होने चाहिए ' या डबल " उद्धरण)। विशेषताओं को उद्धृत करने से यह सुनिश्चित होता है कि उनके मूल्यों की व्याख्या पार्सर्स द्वारा सही ढंग से की गई है, खासकर जब मूल्यों में रिक्त स्थान या विशेष वर्ण हों।
विशेषता न्यूनीकरण निषिद्ध है
XHTML विशेषता न्यूनीकरण की अनुमति नहीं देता है, जो HTML में एक सामान्य प्रथा है, जहां किसी विशेषता को कोई मान निर्दिष्ट करने की आवश्यकता नहीं होती है। एक्सएचटीएमएल में, सभी विशेषताओं को एक मान के साथ स्पष्ट रूप से परिभाषित किया जाना चाहिए, भले ही इसका मतलब विशेषता नाम को उसके मान के रूप में दोहराना हो। उदाहरण के लिए, एक न्यूनतम HTML विशेषता जैसे जाँच XHTML में इस प्रकार लिखा जाना चाहिए चेक किया गया = "चेक किया गया". यह नियम अस्पष्टता को दूर करता है और सुव्यवस्थित दस्तावेज़ों के लिए XML के मानदंडों के साथ संरेखित होता है।