HTML क्या है?
HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) एक मानक भाषा है, जिसका उपयोग वेब पेजों को बनाने और उनकी संरचना (structure) को निर्धारित करने के लिए किया जाता है। HTML वेब पेजों के विभिन्न हिस्सों को व्यवस्थित करता है, जैसे कि टेक्स्ट, इमेज, लिंक, फॉर्म्स आदि। यह वेब पेजों को ब्राउज़र के सामने सही तरीके से प्रदर्शित करने में मदद करता है।
HTML में टैग्स का इस्तेमाल होता है, जो वेब पेज के कंटेंट को सही तरीके से दिखाने के लिए निर्देश (instructions) प्रदान करते हैं। उदाहरण के लिए, <h1> से लेकर <h6> तक टैग्स हेडिंग के लिए होते हैं, <p> टैग पैराग्राफ के लिए होता है, और <a> टैग लिंक बनाने के लिए होता है।
HTML की मुख्य बातें:
- HTML दस्तावेज़ की शुरुआत
<html> टैग से होती है। - इसमें दो मुख्य सेक्शन होते हैं:
<head> और <body>. <head> में वे जानकारी होती है जो ब्राउज़र को पेज के बारे में बताती है (जैसे टाइटल, मेटा डेटा), जबकि <body> में पेज का मुख्य कंटेंट होता है (जैसे टेक्स्ट, इमेज, लिंक आदि)। - HTML एक मार्कअप भाषा है, इसका मतलब है कि यह टेक्स्ट को संरचित करने के लिए टैग्स का उपयोग करता है, न कि प्रोग्रामिंग की तरह कोई लोजिक लागू करता है।
इस प्रकार, HTML वेब पेज की बुनियादी संरचना तैयार करता है और ब्राउज़र को यह बताता है कि कौन सा कंटेंट कहां दिखाई देगा।
HTML के फायदे
सरलता: HTML को सीखना और उपयोग करना आसान है, जो इसे वेब डिज़ाइन के लिए पहली पसंद बनाता है।
ब्राउज़र संगतता: HTML को सभी प्रमुख वेब ब्राउज़रों द्वारा समर्थित किया जाता है।
फ्री और ओपन-सोर्स: HTML का उपयोग मुफ्त में किया जा सकता है और यह एक ओपन-सोर्स मानक है।
ग्लोबल उपयोग: HTML एक मानक भाषा है जिसे विश्वभर में वेब डिज़ाइन के लिए प्रयोग किया जाता है।
SEO अनुकूल: HTML सर्च इंजन ऑप्टिमाइजेशन (SEO) के लिए उपयुक्त है, जिससे आपकी वेबसाइट की विजिबिलिटी बढ़ती है।
HTML की कमियाँ
स्टाइलिंग सीमाएँ: HTML स्वयं स्टाइलिंग प्रदान नहीं करता। इसके लिए CSS का उपयोग आवश्यक है।
गतिशीलता की कमी: HTML पेज स्थैतिक होते हैं, और गतिशील सामग्री के लिए JavaScript या अन्य प्रोग्रामिंग भाषाओं की आवश्यकता होती है।
लार्ज स्केल प्रोजेक्ट्स में कमी: जटिल और बड़े प्रोजेक्ट्स के लिए केवल HTML का उपयोग पर्याप्त नहीं होता।
मॉडर्न फीचर्स: कुछ नवीनतम फीचर्स और इंटरेक्टिव एलिमेंट्स के लिए HTML5 आवश्यक हो सकता है।
HTML के उपयोग
वेब पेज निर्माण: HTML का मुख्य उपयोग वेब पेज बनाने और डिज़ाइन करने में होता है।
वेब एप्लिकेशन: HTML का उपयोग वेब एप्लिकेशन के इंटरफेस को डिजाइन करने के लिए किया जाता है।
ईमेल टेम्प्लेट्स: HTML का उपयोग ईमेल टेम्प्लेट्स बनाने में भी किया जाता है।
डॉक्यूमेंटेशन: HTML का उपयोग विभिन्न प्रकार के डॉक्यूमेंटेशन और गाइडलाइन्स बनाने में भी होता है|
HTML के माध्यम से आप वेब पेज पर निम्नलिखित कार्य कर सकते हैं:
टेक्स्ट (Text):
HTML का उपयोग पेज पर टेक्स्ट को व्यवस्थित करने के लिए किया जाता है। इसके लिए <h1>, <h2>, <p>, <ul>, <ol> जैसे टैग्स का उपयोग किया जाता है।
इमेज (Images):
HTML के <img> टैग के जरिए इमेज़ को पेज पर डाला जाता है, जिससे आप किसी भी प्रकार की चित्र (image) को वेब पेज में दिखा सकते हैं।
लिंक (Links):
HTML का उपयोग पेजों के बीच लिंक बनाने के लिए किया जाता है। <a> टैग के माध्यम से एक पेज से दूसरे पेज या वेबसाइट पर नेविगेट किया जा सकता है।
फॉर्म (Forms):
HTML का उपयोग वेब पेजों पर फॉर्म्स बनाने के लिए भी किया जाता है, जिनके माध्यम से उपयोगकर्ता जानकारी भर सकते हैं। <form>, <input>, <textarea> टैग्स का उपयोग किया जाता है।
सूचियाँ (Lists):
HTML में सूचियाँ बनाने के लिए <ul>, <ol>, और <li> टैग्स का उपयोग किया जाता है, जो किसी भी कंटेंट को क्रमबद्ध या अव्यवस्थित रूप से प्रदर्शित करते हैं।
टेबल्स (Tables):
HTML का उपयोग टेबल्स बनाने के लिए किया जाता है, ताकि डेटा को व्यवस्थित रूप से दिखाया जा सके। इसके लिए <table>, <tr>, <td>, <th> टैग्स का उपयोग किया जाता है।
मल्टीमीडिया (Multimedia):
HTML का उपयोग वीडियो और ऑडियो फाइल्स को पेज पर जोड़ने के लिए भी किया जाता है। इसके लिए <video> और <audio> टैग्स का उपयोग किया जाता है।
इस प्रकार, HTML वेब पेज के सभी कंटेंट को व्यवस्थित करने और उसे ब्राउज़र पर सही तरीके से प्रदर्शित करने के लिए इस्तेमाल होता है। HTML के बिना, कोई भी वेब पेज या वेबसाइट काम नहीं कर सकती।
HTML के मुख्य टैग्स कौन से होते हैं?
HTML में कई प्रकार के टैग्स होते हैं जो वेब पेज की संरचना (structure) और कंटेंट को प्रदर्शित करने के लिए उपयोग किए जाते हैं। प्रत्येक टैग का अपना विशिष्ट कार्य होता है। नीचे कुछ प्रमुख HTML टैग्स का विवरण दिया गया है:
1. <html>
- यह टैग HTML दस्तावेज़ की शुरुआत और अंत को दर्शाता है।
- HTML दस्तावेज़ हमेशा
<html> टैग से शुरू होता है और इस टैग के अंदर पूरा कंटेंट होता है। - उदाहरण:
2. <head>
<head> टैग में वह जानकारी रखी जाती है जो ब्राउज़र को पेज के बारे में बताती है, जैसे कि टाइटल, मेटा टैग्स, लिंक, स्क्रिप्ट्स, और स्टाइल शीट्स।- उदाहरण:
3. <body>
<body> टैग में वेब पेज का मुख्य कंटेंट होता है, जो ब्राउज़र पर दिखाई देता है। इसमें टेक्स्ट, इमेज, लिंक, फॉर्म्स, आदि शामिल होते हैं।- उदाहरण:
4. <h1> से <h6> (हेडिंग्स)
- ये टैग्स हेडिंग्स (शीर्षक) बनाने के लिए उपयोग किए जाते हैं।
<h1> सबसे बड़ी हेडिंग होती है, जबकि <h6> सबसे छोटी होती है। - उदाहरण:
5. <p> (पैराग्राफ)
<p> टैग का उपयोग पैराग्राफ बनाने के लिए किया जाता है। यह टैग टेक्स्ट को एक पैराग्राफ के रूप में प्रदर्शित करता है।- उदाहरण:
6. <a> (एंकर / लिंक)
<a> टैग का उपयोग लिंक (hyperlinks) बनाने के लिए किया जाता है। इसके href एट्रीब्यूट में लिंक का URL होता है।- उदाहरण:
7. <img> (इमेज)
<img> टैग का उपयोग वेब पेज पर इमेज को जोड़ने के लिए किया जाता है। इसका src एट्रीब्यूट इमेज का URL देता है।- उदाहरण:
8. <ul> (अनऑर्डर्ड लिस्ट)
<ul> टैग का उपयोग बिना क्रम वाली सूची (unordered list) बनाने के लिए किया जाता है। इसके अंदर <li> टैग का उपयोग सूची के आइटम्स के लिए किया जाता है।- उदाहरण:
9. <ol> (ऑर्डर्ड लिस्ट)
<ol> टैग का उपयोग क्रमबद्ध सूची (ordered list) बनाने के लिए किया जाता है। इसमें <li> टैग का उपयोग सूची के आइटम्स के लिए किया जाता है।- उदाहरण:
10. <table>, <tr>, <td>, <th> (टेबल)
<table> टैग का उपयोग टेबल बनाने के लिए होता है।<tr> टैग एक पंक्ति (row) बनाने के लिए होता है।<td> टैग एक कॉलम (column) में डेटा रखने के लिए होता है।<th> टैग का उपयोग हेडिंग सेल्स बनाने के लिए होता है।- उदाहरण:
11. <form> (फॉर्म)
<form> टैग का उपयोग उपयोगकर्ता से डेटा प्राप्त करने के लिए फॉर्म बनाने के लिए किया जाता है। इसमें विभिन्न प्रकार के इनपुट एलिमेंट्स होते हैं जैसे <input>, <textarea>, <button> आदि।- उदाहरण:
12. <div> (डिवीजन)
<div> टैग का उपयोग HTML पेज में कंटेंट को एक ग्रुप में बाँधने के लिए किया जाता है। यह कोई विशेष रूप से दिखाने वाला टैग नहीं है, लेकिन इसका उपयोग पेज के विभिन्न हिस्सों को विभाजित करने के लिए किया जाता है।- उदाहरण:
13. <span> (स्पैन)
<span> टैग का उपयोग छोटे हिस्सों में टेक्स्ट को स्टाइल करने या ग्रुप करने के लिए किया जाता है। यह एक inline element होता है।- उदाहरण:
HTML में डॉक्सटाइप (DOCTYPE) क्या होता है?
डॉक्सटाइप (DOCTYPE) एक विशेष घोषणा होती है जो HTML दस्तावेज़ के प्रारूप (format) और संस्करण (version) को निर्दिष्ट करती है। यह ब्राउज़र को बताती है कि वह कौन सा HTML या XML संस्करण प्रदर्शित कर रहा है, ताकि ब्राउज़र सही तरीके से पेज को रेंडर (प्रदर्शित) कर सके। DOCTYPE टैग HTML दस्तावेज़ के शुरुआत में आता है और यह जरूरी होता है ताकि HTML पेज सही ढंग से ब्राउज़र में दिख सके।
DOCTYPE का महत्व:
ब्राउज़र की कंपेटिबिलिटी (Compatibility):
DOCTYPE टैग यह सुनिश्चित करता है कि ब्राउज़र पेज को एक मानक तरीके से रेंडर करे। बिना DOCTYPE के, ब्राउज़र डिफ़ॉल्ट मोड में जाता है, जिससे वेब पेज सही तरीके से नहीं दिख सकता।
HTML संस्करण का निर्धारण:
यह ब्राउज़र को यह बताता है कि HTML का कौन सा संस्करण पेज में उपयोग किया जा रहा है, जैसे HTML5 या HTML4। इससे ब्राउज़र को विभिन्न टैग्स और फीचर्स के लिए रेंडरिंग के नियम समझने में मदद मिलती है।
DOCTYPE की सामान्य संरचना:
- DOCTYPE टैग HTML दस्तावेज़ के पहले आता है, और यह कोई HTML टैग नहीं होता। इसे केवल एक घोषणा के रूप में लिखा जाता है।
विभिन्न HTML संस्करणों के लिए DOCTYPE:
HTML5 DOCTYPE:
HTML5 के लिए DOCTYPE बहुत सरल है और इसे इस तरह लिखा जाता है:
- यह DOCTYPE HTML5 के लिए है और यह ब्राउज़र को HTML5 के नियमों के अनुसार पेज को रेंडर करने के लिए बताता है।
HTML4.01 DOCTYPE (Strict):
HTML4.01 के लिए एक सामान्य DOCTYPE कुछ इस तरह दिखता है:
- इस DOCTYPE का उपयोग तब किया जाता है जब आप एक सख्त HTML4.01 डॉक्यूमेंट बना रहे होते हैं, जिसमें सभी पुराने और गैर मानक तत्वों को हटाया जाता है।
HTML4.01 DOCTYPE (Transitional):
अगर आप HTML4 का उपयोग करते हुए कुछ पुराने टैग्स या फीचर्स को अनुमति देना चाहते हैं, तो आप Transitional DOCTYPE का उपयोग कर सकते हैं:
- यह DOCTYPE पुराने टैग्स और फीचर्स की अनुमति देता है, लेकिन यह HTML4 के नियमों का पालन करता है।
HTML4.01 DOCTYPE (Frameset):
अगर आप HTML4 में फ्रेम्स का उपयोग कर रहे हैं, तो आपको फ्रेमसेट DOCTYPE की आवश्यकता होती है:
DOCTYPE की प्रमुख विशेषताएँ:
- HTML दस्तावेज़ की शुरुआत: DOCTYPE टैग HTML दस्तावेज़ के बिल्कुल शुरुआत में आता है, इससे पहले
<html> टैग। - ब्राउज़र को निर्देश: यह ब्राउज़र को यह बताता है कि वह कौन सा HTML या XML संस्करण उपयोग कर रहा है, जिससे वह सही रेंडरिंग कर सके।
- अनिवार्य नहीं, लेकिन महत्वपूर्ण: हालांकि DOCTYPE को लिखना अनिवार्य नहीं है, लेकिन यह HTML दस्तावेज़ को सही से रेंडर करने के लिए अत्यंत महत्वपूर्ण है।
DOCTYPE टैग HTML दस्तावेज़ की शुरुआत में आता है और यह ब्राउज़र को यह बताता है कि HTML का कौन सा संस्करण उपयोग हो रहा है। यह ब्राउज़र को HTML पेज को सही तरीके से रेंडर करने में मदद करता है और वेब पेज के सही रूप को सुनिश्चित करता है। HTML5 के लिए DOCTYPE बहुत सरल और संक्षिप्त है: <!DOCTYPE html>, जबकि पुराने HTML संस्करणों में यह थोड़ा लंबा और जटिल होता था।
HTML में हेडिंग्स और पैराग्राफ़ कैसे बनाते हैं?
HTML में हेडिंग्स और पैराग्राफ़ बनाने के लिए विशेष टैग्स का उपयोग किया जाता है।
1. हेडिंग्स (Headings) बनाना:
HTML में हेडिंग्स बनाने के लिए <h1> से लेकर <h6> तक टैग्स का उपयोग किया जाता है। हेडिंग्स का उपयोग किसी विषय या सेक्शन का शीर्षक (title) दर्शाने के लिए किया जाता है। <h1> सबसे महत्वपूर्ण और बड़ी हेडिंग होती है, जबकि <h6> सबसे छोटी और कम महत्वपूर्ण हेडिंग होती है।
हेडिंग्स का उपयोग:
<h1> से <h6> टैग्स का उपयोग क्रमशः सबसे बड़ी से लेकर सबसे छोटी हेडिंग्स के लिए किया जाता है।- हेडिंग्स का उपयोग पेज के मुख्य कंटेंट के विभिन्न हिस्सों को स्पष्ट रूप से विभाजित करने के लिए किया जाता है।
उदाहरण:
- यहाँ
<h1> से <h6> तक हर टैग एक अलग स्तर की हेडिंग को दर्शाता है। <h1> सबसे प्रमुख और बड़ी हेडिंग होती है, और <h6> सबसे छोटी।
2. पैराग्राफ़ (Paragraph) बनाना:
पैराग्राफ़ बनाने के लिए HTML में <p> टैग का उपयोग किया जाता है। पैराग्राफ़ का उपयोग एक वाक्य या किसी विषय पर अधिक जानकारी देने के लिए किया जाता है। <p> टैग का उपयोग टेक्स्ट को एक पैराग्राफ़ के रूप में प्रदर्शित करने के लिए किया जाता है।
पैराग्राफ़ का उपयोग:
- पैराग्राफ़ टैग को एक सामान्य टेक्स्ट ब्लॉक या कंटेंट को व्यवस्थित रूप से दिखाने के लिए इस्तेमाल किया जाता है।
- यह टैग ब्राउज़र में टेक्स्ट को एक नए पंक्ति (line) से शुरू करता है और एक खाली स्पेस छोड़कर अगले पैराग्राफ़ को अलग करता है।
उदाहरण:
नोट:
<p> टैग के अंदर जो भी टेक्स्ट होता है, वह पैराग्राफ़ के रूप में ब्राउज़र में प्रदर्शित होता है।- यदि आप
<p> टैग का उपयोग करते हैं, तो वह अपने आप अगली पंक्ति में चला जाता है, और पिछले पैराग्राफ़ के बाद एक छोटा सा खाली स्पेस छोड़ता है।
- हेडिंग्स (Headings): HTML में हेडिंग्स बनाने के लिए
<h1> से लेकर <h6> तक के टैग्स का उपयोग किया जाता है। इन टैग्स का उपयोग किसी विषय या अनुभाग के शीर्षक को दिखाने के लिए किया जाता है। - पैराग्राफ़ (Paragraphs): पैराग्राफ़ बनाने के लिए
<p> टैग का उपयोग किया जाता है, जिससे आप टेक्स्ट को व्यवस्थित तरीके से दिखा सकते हैं।
इन दोनों टैग्स का सही उपयोग करके आप अपने HTML दस्तावेज़ को सही तरीके से संरचित और स्पष्ट बना सकते हैं।
HTML में लिंक कैसे बनाते हैं?
HTML में लिंक (hyperlink) बनाने के लिए <a> टैग का उपयोग किया जाता है। यह टैग एक एंकर टैग के रूप में काम करता है, जिसका मुख्य उद्देश्य किसी पेज से दूसरे पेज पर, या एक ही पेज पर किसी विशेष स्थान पर जाना होता है। लिंक बनाने के लिए, <a> टैग के साथ href एट्रीब्यूट का उपयोग किया जाता है, जो लिंक के गंतव्य (destination) को निर्दिष्ट करता है।
1. <a> टैग और href एट्रीब्यूट का उपयोग:
<a> टैग का उपयोग लिंक को बनाने के लिए किया जाता है।href (Hypertext Reference) एट्रीब्यूट के माध्यम से आप लिंक के गंतव्य URL (Uniform Resource Locator) को सेट करते हैं, यानी उस पेज या संसाधन का स्थान जिसे लिंक के क्लिक करने पर ब्राउज़र खोलेगा।
2. लिंक बनाने का सिंटैक्स:
URL के स्थान पर आप वह लिंक डालते हैं जहाँ आप उपयोगकर्ता को भेजना चाहते हैं।- "लिंक का टेक्स्ट" वह शब्द या वाक्य होता है जो उपयोगकर्ता द्वारा क्लिक किया जाएगा।
उदाहरण:
एक सामान्य लिंक:
एक लिंक जो उसी पेज के अन्य हिस्से पर ले जाए:
- इस उदाहरण में, "सेक्शन 1 पर जाएं" लिंक क्लिक करने पर पेज के उसी पंक्ति में स्थित "section1" ID वाले पैराग्राफ़ पर स्क्रॉल करेगा।
एक लिंक जो नई विंडो या टैब में खुले:
target="_blank" एट्रीब्यूट का उपयोग लिंक को नई विंडो या नई टैब में खोलने के लिए किया जाता है।
ईमेल लिंक:
- आप mailto का उपयोग करके ईमेल लिंक भी बना सकते हैं, जो क्लिक करने पर मेल क्लाइंट को खोलता है:
3. <a> टैग के अन्य एट्रीब्यूट्स:
title: यह एट्रीब्यूट लिंक के ऊपर माउस ले जाने पर एक छोटा सा टेक्स्ट (tooltip) दिखाता है।rel: यह एट्रीब्यूट लिंक के संबंध को निर्दिष्ट करता है। उदाहरण के लिए, rel="noopener" या rel="noreferrer" सुरक्षा उद्देश्यों के लिए उपयोग किया जा सकता है।
4. लिंक पर कस्टम स्टाइलिंग:
आप CSS का उपयोग करके लिंक को स्टाइल कर सकते हैं। उदाहरण के लिए:
<a> टैग HTML में लिंक बनाने के लिए प्रयोग किया जाता है।href एट्रीब्यूट के द्वारा आप लिंक का URL या गंतव्य निर्दिष्ट करते हैं।- आप target="_blank" का उपयोग करके लिंक को नई विंडो में खोल सकते हैं, और title या rel एट्रीब्यूट्स का उपयोग लिंक के व्यवहार को नियंत्रित करने के लिए किया जा सकता है।
HTML में टेबल कैसे बनाते हैं?
HTML में फॉर्म बनाने के लिए <form> टैग का उपयोग किया जाता है। इसके अंदर विभिन्न एलेमेंट्स जैसे <input>, <textarea>, <button>, <select>, और <label> का उपयोग किया जाता है, जो उपयोगकर्ता से जानकारी प्राप्त करने के लिए जरूरी होते हैं।
फॉर्म बनाने के लिए कुछ मुख्य तत्व निम्नलिखित हैं:
<form> टैग: यह फॉर्म को परिभाषित करता है।<input> टैग: यह टेक्स्ट बॉक्स, चेकबॉक्स, रेडियो बटन, और अन्य इनपुट तत्वों के लिए उपयोग किया जाता है।<textarea> टैग: यह मल्टीलाइन टेक्स्ट बॉक्स बनाने के लिए उपयोग किया जाता है।<button> टैग: यह सबमिट बटन बनाने के लिए उपयोग किया जाता है।<select> टैग: यह ड्रॉपडाउन मेनू बनाने के लिए उपयोग किया जाता है।<label> टैग: यह किसी इनपुट फ़ील्ड का नाम या विवरण देने के लिए उपयोग किया जाता है।
उदाहरण:
मुख्य बातें:
action: यह वह URL है जहां फॉर्म का डेटा भेजा जाएगा।method: यह डेटा भेजने का तरीका बताता है, जैसे कि POST या GET।required: यह सुनिश्चित करता है कि उपयोगकर्ता इनपुट बिना किसी डेटा के फॉर्म नहीं सबमिट कर पाएंगे।
यह एक बेसिक HTML फॉर्म है, जिसका उपयोग आप उपयोगकर्ता से जानकारी प्राप्त करने के लिए कर सकते हैं
HTML और XHTML में कुछ महत्वपूर्ण अंतर हैं, जो मुख्य रूप से उनकी संरचना और नियमों से संबंधित हैं।
1. संरचना और सिंटैक्स (Syntax and Structure):
- HTML (Hypertext Markup Language): HTML में कुछ लचीलापन होता है, जैसे कि टैग्स को सही तरीके से बंद करना हमेशा आवश्यक नहीं होता। उदाहरण के लिए,
<p> टैग का उपयोग किया जाता है, लेकिन उसे बंद करने की आवश्यकता नहीं होती (हालांकि यह एक अच्छा अभ्यास है)। HTML में टैग्स के नाम छोटे (lowercase) या बड़े (uppercase) हो सकते हैं। - XHTML (eXtensible Hypertext Markup Language): XHTML, XML के सिद्धांतों पर आधारित है, जिससे इसकी संरचना और सिंटैक्स HTML से अधिक कड़ा और सख्त होता है। इसमें सभी टैग्स को सही तरीके से बंद करना आवश्यक होता है, और टैग्स को हमेशा निम्नलिखित (lowercase) में लिखा जाता है। उदाहरण के लिए,
<img /> या <br /> जैसे टैग्स को बंद करना जरूरी होता है।
2. लचीलापन (Flexibility):
- HTML: HTML अधिक लचीला होता है और कुछ त्रुटियों को सहन कर सकता है। उदाहरण के लिए, एक टैग को बंद नहीं करने पर भी ब्राउज़र उसे ठीक से रेंडर करने की कोशिश करता है।
- XHTML: XHTML में कोई भी त्रुटि स्वीकार नहीं की जाती। यदि टैग सही तरीके से बंद नहीं किया जाता या कोई अन्य सिंटैक्स समस्या होती है, तो ब्राउज़र पेज को रेंडर नहीं करेगा।
3. डेटा का प्रकार (Data Types):
- HTML: HTML में डेटा का प्रकार हमेशा स्ट्रिंग (Text) होता है। उदाहरण के लिए, यदि आप एक अंक लिखते हैं तो उसे एक स्ट्रिंग के रूप में माना जाता है।
- XHTML: XHTML में डेटा प्रकार को अधिक सख्ती से परिभाषित किया जाता है। उदाहरण के लिए, अंक केवल अंक के रूप में ही स्वीकार किए जाते हैं, और किसी अन्य डेटा को स्ट्रिंग के रूप में नहीं माना जाता।
4. नियम और Validation (Rules and Validation):
- HTML: HTML में टैग्स और एट्रिब्यूट्स को मान्यता देने के लिए एक नियम-आधारित संरचना नहीं होती। HTML पेज को किसी भी ब्राउज़र में बिना किसी कठिनाई के देखा जा सकता है, भले ही उसमें कुछ त्रुटियाँ हो।
- XHTML: XHTML को XML के अनुसार सख्त नियमों का पालन करना पड़ता है, जिसमें पेज का सही ढंग से प्रमाणन (validation) किया जाता है। XHTML को W3C Validator से पास होने के लिए सभी नियमों का पालन करना जरूरी है।
5. सामान्य उदाहरण:
HTML:
XHTML:
6. नामस्थान (Namespaces):
- HTML: HTML में कोई नामस्थान (namespace) की आवश्यकता नहीं होती है।
- XHTML: XHTML में XML के साथ काम करने के लिए एक विशेष नामस्थान (xmlns) की आवश्यकता होती है। इस उदाहरण में,
<html xmlns="http://www.w3.org/1999/xhtml"> इसका उदाहरण है।
- HTML: यह अधिक लचीला है, और इसमें कुछ त्रुटियों को सहन किया जा सकता है।
- XHTML: यह XML आधारित है, अधिक सख्त और संरचित है, और इसमें किसी भी प्रकार की त्रुटि को स्वीकार नहीं किया जाता।
XHTML के सख्त नियमों और XML की संरचना के कारण, इसे वेबसाइटों में धीरे-धीरे HTML5 के पक्ष में बदल दिया गया है, जो अधिक लचीलापन और आधुनिक फीचर्स प्रदान करता है।