HTML5 vs. XHTML and legacy HTML In Hindi
एचटीएमएल5, एक्सएचटीएमएल और पॉपुलर एचटीएमएल 4.0 स्क्रिप्टिंग लैंग्वेज वेब डेवलपमेंट में अलग अलग वर्जन के रूप में कई इंटरनेट स्टैण्डर्ड और प्रोटोकॉल को फॉलो करते है। जहा एचटीएमएल5, एक्सएचटीएमएल और पॉपुलर एचटीएमएल 4.0 प्रत्येक वेब डेवलपमेंट स्क्रिप्टिंग लैंग्वेज की अपनी स्पेसिफिक फीचर्स और ऐट्रिब्यूट्स होते है।
So let us compare the versions of HTML5, XHTML and HTML 4.
About HTML5.
एचटीएमएल5 एचटीएमएल डेवलपमेंट में लेटेस्ट रिलीज़ वर्जन है, जहा एचटीएमएल5 में पुराने एचटीएमएल4 वर्जन की तुलना में कई नए सिमेंटिक टैग पेश किए गए है। एचटीएमएल5 वर्तमान समय में मॉडर्न और कॉम्लेक्स वेब डेवलपमेंट के लिए एक पॉपुलर वेब लेआउट और स्ट्रक्टरिंग वेब डेवलपमेंट स्क्रिप्ट लैंग्वेज है, जहा एचटीएमएल5 मॉडर्न वेब ब्राउज़र, वेब 3.0 कम्पेटिबल और पॉपुलर प्रोटोकॉल स्टैण्डर्ड कम्पेटिबल है।
HTML5 attributes.
- HTML5 Easy DocType Declaration – एचटीएमएल5 में <!DOCTYPE html> डिक्लेरेशन से आप वेब ब्राउज़र और सर्च इंजन को ये इंडीकेट करते है, की मौजूदा वेब पेज एचटीएमएल5 स्क्रिप्ट में बना हुआ है, यहाँ इसका कोई इम्पोर्टेन्ट रोल नहीं है। किन्तु यह मौजूदा वेब पेज डेवलपमेंट में वर्जन DTD जरूरत को फिनिश करता है।
- HTML5 New Semantic Tags – एचटीएमएल5 में बेहतर वेब डेवलपमेंट लेआउट और स्ट्रक्चर के लिए कुछ नए टैग पेश किये गए है, जैसे, <header> tag, <footer> tag, <article>tag, <section>tag, <audio>tag, <video>tag, <nav> tag, <aside> tag, और कई अन्य पॉपुलर है।
- HTML5 Multimedia Support – एचटीएमएल5 में मल्टीमीडिया ऑब्जेक्ट को इन्सर्ट या एम्बेड करने के लिए <ऑडियो> और <वीडियो> टैग को पेश किया गया है, यहाँ एचटीएमएल4 वर्जन की तुलना में सीधे मल्टीमीडिया ऑब्जेक्ट को इन्सर्ट और एम्बेड सपोर्ट प्रदान करते है, जहा ये आपको किसी भी थर्ड पार्टी सॉफ्टवेयर या प्लगिन्स सपोर्ट के बिना ऑडियो वीडियो एम्बेड अल्लॉव करता है।
- HTML5 Form Enhancements – एचटीएमएल5 स्क्रिप्ट में एचटीएमएल4 वर्जन की तुलना में बेहतर फ़ॉर्म ऐट्रिब्यूट्स मौजूद है, जिसमे <input type=”email”>, <input type=”date”>, and <input type=”range”> जैसे कई नए फॉर्म इनपुट टाइप और ऐट्रिब्यूट्स को पेश किया गया है।
- HTML5 APIs and Features – एचटीएमएल5 में बनी वेबसाइट की कार्यक्षमता और वेबसाइट प्रदर्शन को बढ़ाने या बेहतर करने के लिए जियोलोकेशन वेब सपोर्ट में, वेब स्टोरेज (लोकलस्टोरेज और सेशनस्टोरेज), वेब वर्कर्स, और वेबसॉकेट जैसे कई नए API फीचर्स पेश किये गए हैं।
- HTML5 Backward Compatibility – एचटीएमएल5 ओल्ड एचटीएमएल वेब डेवलपमेंट स्क्रिप्ट वर्जन के साथ फुल्ली कम्पेटिबल है, जहा आप एचटीएमएल4 में बने वेबपेज को एचटीएमएल5 में आसानी से एडिट,अपडेट और जरूरत के अनुसार कस्टमाइज कर सकते है।
HTML5 Benefits.
- एचटीएमएल5 वेब डेवलपमेंट वर्तमान में आसान है, जहा यह मॉडर्न वेब डिज़ाइन और वेब डेवलपमेंट जरूरतों को पूर्ण करता है।
- एचटीएमएल5 में मल्टीमीडिया सपोर्ट से अब वेब पेज पूरी तरह ग्राफिकल और मल्टीमीडिया कम्पैटिबल है ।
- एचटीएमएल5 मॉडर्न वेब डेवलपमेंट में नई टेक्नोलॉजी और स्टैण्डर्ड के साथ बेहतर वेब परफॉरमेंस और इंटरऑपरेबिलिटी फीचर्स को प्रदान करता है।
Example of HTML5.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>HTML5 Semantic Tag</title>
</head>
<body>
<header>
<h1>About HTML5 Script</h1>
</header>
<main>
<section>
<h2>Html</h2>
<p>Lets Tray To Learn Html Modern Web Development Script</p>
</section>
<article>
<h2>Css</h2>
<p>Cascade Style Sheet, Allow You To Design Robust Web Design And Layout.</p>
</article>
</main>
<footer>
<p>© 2024 Vcanhelpsu, All Right Reserved </p>
</footer>
</body>
</html>
About XHTML.
एक्सएचटीएमएल को शार्ट में (एक्सटेंसिबल हाइपरटेक्स्ट मार्कअप लैंग्वेज) के रूप में जाना जाता है, और यह वेब डेवलपमेंट में एचटीएमएल स्क्रिप्टिंग लैंग्वेज की तरह एक डेवलपमेंट स्क्रिप्ट टाइप है, जो सर्वर साइड में अधिक उपयोग होती है, एचटीएमएल स्क्रिप्ट को एक्सऍमएल फॉर्मेट में अपडेट अल्लॉव करता है। जहा एक्सऍमएल को सर्वर में और क्लाइंट साइड दोनों में वेब डेवलपमेंट इम्प्रूवमेंट के लिए उपयोग किया जाता है।
XHTML Attributes.
- Strict code syntax – एक्सएचटीएमएल में वेब पेज डॉक्यूमेंट को प्रॉपर्ली क्रिएट किया जाना चाहिए। जहा एक्सएचटीएमएल में लिखे गए सभी स्क्रिप्ट कोड को प्रॉपर्ली स्टार्ट से एंड करना, नेस्टेड कोड आर्डर और सभी वेब पेज स्क्रिप्ट कोड लोअरकेस लेटर फॉर्मेट में होने चाहिए।
- Doctype Declaration – जहा एचटीएमएल5 की तुलना में एक्सएचटीएमएल स्क्रिप्ट अधिक काम्प्लेक्स doctype डिक्लेरेशन मेथड है, जैसे, <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> करके इसे वेब पेज क्रिएट से पहले स्टार्ट किया जाता है।
- Full compatibility with XML – एक्सएचटीएमएल एक्सएमएल पार्सर मेथड को फॉलो कर प्रोसेस किया जाता है, जहा एक्सएमएल-बेस्ड टेक्नोलॉजी के बेटर एडवांटेज है।
- Script code error management – एक्सएचटीएमएल आपको स्ट्रिक्ट एरर मैनेजमेंट वेब पेज एरर मैनेजमेंट और कण्ट्रोल प्रदान करता है, लेकिन एक्सएचटीएमएल एचटीएमएल की तुलना में प्रॉपर सिंटेक्स और पैरामीटर को फॉलो करता है, यदि आपके एक्सएचटीएमएल वेब पेज में जरा सी भी एरर होतो हैं, आपका वेब पेज प्रॉपर डिस्प्ले नहीं होगा हैं।
XHTML Advantages.
- एक्सएचटीएमएल का काम प्रॉपर्ली एक्सएमएल डॉक्यूमेंट को क्रिएट करना है, जो एक्सएचटीएमएल में एक्सएमएल बेस्ड वेब पेज क्रिएशन के लिए बेहतर होता है।
- एक्सएचटीएमएल में स्ट्रिक्ट स्क्रिप्ट कोड सिंटेक्स को अप्लाई किया जाता है, जिससे वेब पेज क्रिएशन प्रोसेस थोड़ा काम्प्लेक्स और टाइम कन्सुमिंग हो जाता है।
XHTML Disadvantages.
- एक्सएचटीएमएल में डिक्लेअर सभी डॉक्यूमेंट को प्रॉपर्ली क्रिएट करने के लिए एक्सएमएल की जरूरत होती है,
- इसमें कुछ डेवलपमेंट रिस्ट्रिक्शन हो सकती है, और इसके डेवलपमेंट सिंटेक्स में कोड एरर होने पर वेब पेज डिस्प्ले में समस्या हो सकती है।
Example of XHTML.
<?xml version=”1.0″ encoding=”UTF-8″?>
<html>
<head>
<meta charset=”UTF-8″ />
<title>XHTML Web Page Layout</title>
</head>
<body>
<h1>Lets Learn Xhtml Web Development Script</h1>
<p>You See The Preview Of Xhtml Web Page Structure</p>
</body>
</html>
About HTML (HTML 4.01).
एचटीएमएल4 ओल्ड पॉपुलर वेब डेवलपमेंट में हाइपरटेक्स्ट स्क्रिप्टिंग लैंग्वेज है, एचटीएमएल4 कई वर्षो से एचटीएमएल5 से पहले वर्ल्ड वाइड एक पॉपुलर वेब डेवलपमेंट स्क्रिप्ट थी, इसे वर्त्तमान समय में एचटीएमएल5 वर्जन से रिप्लेस या अपग्रेड किया गया है, जिसने आपको एक सामान्य वेब पेज डिज़ाइन से लेकर एक काम्प्लेक्स वेब पेज वेबसाइट डिज़ाइन फीचर्स प्रदान करता है।
HTML (HTML 4.01) Features.
- Doctype declaration – एचटीएमएल4 स्क्रिप्ट वर्जन थोड़ा काम्प्लेक्स डॉक्टाइप डिक्लेरेशन मेथड को फॉलो करता हैं, जिसमे, Strict: <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.vcanhelpsu.com/TR/html4/strict.dtd”>
- Presentation and layout – एचटीएमएल4 वेब पेज डिस्प्ले लेआउट और स्ट्रक्चर एलिमेंट ऐट्रिब्यूट्स पर अधिक डिपेंड करता है, जिसमे हर टास्क के लिए एक टैग या एलिमेंट को जोड़ा जाता है, जैसे, <फ़ॉन्ट> और <center>, आदि टैग है, जिन्हें बाद में सीएसएस स्टाइल्स में पूर्ण रूप से रिमूव किया गया है।
HTML 4 Advantages.
- एचटीएमएल4 में कई ऐसे टैग है, जो अब सीएसएस के बाद पूर्ण रूप से निरर्थक हो गए हैं।
- एचटीएमएल4 हाइपरटेक्स्ट स्क्रिप्ट मॉडर्न और ओल्ड लगभग सभी वेब ब्राउज़र पूर्ण रूप से सपोर्टेड और कम्पेटिबल है, जिन्हे किसी भी वेब ब्राउज़र में डिस्प्ले या प्रीव्यू किया जाता है।
HTML 4 Disadvantages.
- वर्तमान समय में मौजूदा एचटीएमएल5 स्क्रिप्टिंग लैंग्वेज की तुलना में एचटीएमएल4 में एडवांस्ड टैग और फीचर्स का अभाव है।
- एचटीएमएल4 वेब डेवलपमेंट स्क्रिप्ट में एडवांस्ड और कमर्शियल वेब डेवलपमेंट रिप्रजेंटेशन के लिए कोई एडवांस्ड टैग नहीं है, और रेस्पॉन्सिव और अट्रैक्टिव वेब डेवलपमेंट के लिए आपको सीएसएस स्टाइल्स का उपयोग करना ही एक मात्र विकल्प रहता है।
HTML 4 Examples.
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Let Explore HTML 4.01 </title>
</head>
<body>
<h1>About HTML 4 </h1>
<p>You See The Legacy Html Web Page Structure Layout</p>
</body>
</html>
