एचटीएमएल 5 बनाम एचटीएमएल 4 के बीच अंतर
एचटीएमएल 5 एचटीएमएल मानक सूपरसेडिंग एचटीएमएल 4.01 का अगला संशोधन है। एचटीएमएल 5 वर्ल्ड वाइड वेब पर सामग्री की संरचना और प्रस्तुत करने के लिए एक मानक है। यह (डब्ल्यू 3 सी) वर्ल्ड वाइड वेब कंसोर्टियम और वेब हाइपरटेक्स्ट एप्लीकेशन टेक्नोलॉजी वर्किंग ग्रुप के बीच सहयोग है। इसमें वीडियो प्लेबैक और ड्रैग-एंड-ड्रॉप जैसी नई विशेषताएं हैं जो पहले माइक्रोसॉफ्ट सिल्वरलाइट और एडोब फ्लैश जैसे तीसरे पक्ष के ब्राउज़र प्लग-इन पर निर्भर थीं । लगभग वेब ब्राउजर का नवीनतम संस्करण एचटीएमएल 5 जैसे गूगल क्रोम, ऐप्पल सफारी, मोज़िला फ़ायरफ़ॉक्स, ओपेरा इत्यादि का समर्थन करता है। एचटीएमएल 5 एंड्रॉइड, आईफ़ोन, आईपैड जैसे सभी मोबाइल ब्राउज़र द्वारा समर्थित है। इसमें कई नई विशेषताएं और विशेषताएं हैं जो सुंदर वेबसाइटों के निर्माण में उपयोगी हैं।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here…..</p>
</body>
</html>
एचटीएमएल हाइपरटेक्स्ट मार्कअप भाषा के लिए खड़ा है, और इसका उपयोग वेबसाइटों की अगली साइट विकसित करने के लिए किया जाता है, जहां हाइपरटेक्स्ट का अर्थ है कि वेब पेज एक साथ जुड़े हुए हैं । इस प्रकार, किसी वेबपृष्ठ पर उपलब्ध लिंक को हाइपरटेक्स्ट कहा जाता है। मार्कअप भाषा जिसका अर्थ है कि आप टैग के साथ एक टेक्स्ट दस्तावेज़ को “मार्क-अप” करने के लिए एचटीएमएल का उपयोग करते हैं जो एक वेब ब्राउजर को प्रदर्शित करने के लिए इसे कैसे व्यवस्थित करता है। इससे पहले एचटीएमएल को शोधकर्ताओं के बीच वैज्ञानिक जानकारी साझा करने की सुविधा के लिए शीर्षक, सूचियों, अनुच्छेदों और अन्य दस्तावेजों की संरचना को परिभाषित करने के इरादे से विकसित किया गया था। एचटीएमएल में वेबसाइट के विभिन्न हिस्सों को डिजाइन करने के लिए कई टैग हैं, इसमें प्रदर्शित करने के लिए हेडर है साइट के शीर्षलेख भाग, विभिन्न रूपों में डेटा दिखाने के लिए विभिन्न प्रकार की एक सूची है।
उदाहरण
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
This is header part
</head>
<body>
Hello html4
</body>
</html>
एचटीएमएल 5 बनाम एचटीएमएल 4 (इन्फोग्राफिक्स) के बीच हेड टू हेड तुलना
एचटीएमएल 5 बनाम एचटीएमएल 4 के बीच शीर्ष 5 अंतर नीचे दिया गया है
एचटीएमएल 5 बनाम एचटीएमएल 4 के बीच महत्वपूर्ण अंतर
एचटीएमएल 5 बनाम एचटीएमएल 4 दोनों बाजार में लोकप्रिय विकल्प हैं; आइए एचटीएमएल 5 और एचटीएमएल 4 के बीच अंतर कुछ प्रमुख पर चर्चा करें:
- एचटीएमएल 5 अभी भी विकास की प्रक्रिया में है और वर्तमान में उपलब्ध टैग संशोधित किए जा रहे हैं और नए टैग भी जोड़े जा रहे हैं।इसलिए, विभिन्न ब्राउज़रों के साथ संगतता के मामले में एचटीएमएल 5 एचटीएमएल 4 के पीछे है। एचटीएमएल 4 ब्राउज़र अनुप्रयोगों के विकास के लिए एक स्थापित मानक है और 10 से अधिक वर्षों से उपयोग में है। इस कारण से, एचटीएमएल 4 लगभग सभी वेब-ब्राउज़र के साथ संगत है
- एचटीएमएल 5 में, <a> इस टैग को हटा दिया गया है।एक नया <abbr> टैग पेश किया गया है। एचटीएमएल 4 में एक <acronym> टैग है जिसका उपयोग किसी वेब ब्राउज़र में संक्षेप में प्रदर्शित करने के लिए किया गया था।
- एचटीएमएल 5 <मेटा> टैग हटा दिया गया है, <मेटा> टैग एचटीएमएल दस्तावेज़ के हेडर सेक्शन में परिभाषित किया गया है और इसमें डेटा के बारे में जानकारी है।एचटीएमएल 4 में इस टैग में स्कीमा नामक एक विशेषता शामिल थी जो दस्तावेज़ की स्कीमा को परिभाषित करता था
- एचटीएमएल 5 <कैनवास> टैग में पेश किया गया, कैनवास एचटीएमएल पृष्ठ में एक आयताकार क्षेत्र है।जावास्क्रिप्ट का उपयोग कर ग्राफिक्स खींचने के लिए <canvas> टैग का उपयोग किया जाता है। यह ग्राफिक्स के लिए एक कंटेनर है। इस कंटेनर के अंदर, ग्राफिक्स का उपयोग करके ग्राफिक्स खींचे जाते हैं । कैनवास में बक्से, पथ, मंडल, वर्ण और छवियों को जोड़ने के लिए विभिन्न विधियां हैं। डिफ़ॉल्ट रूप से, इसमें कोई सीमा नहीं है और कोई सामग्री नहीं है।
- उदाहरण:-
<कैनवास आईडी = “कैनवास 1” चौड़ाई = “600” ऊंचाई = “500”> हैलो अपने ब्राउज़र को अद्यतन करें </ canvas>
आईडी विशेषता का उपयोग जावास्क्रिप्ट में कैनवास को संदर्भित करने के लिए किया जाता है और चौड़ाई और ऊंचाई कैनवास के आकार को परिभाषित करने के लिए उपयोग की जाती है।
हमारे पास एक एचटीएमएल पृष्ठ पर एकाधिक कैनवास हो सकते हैं।
- उदाहरण:
<! डॉक्टरेट एचटीएमएल>
<Html>
<Header>
</ हैडर>
<Body>
<h3> हैलो डेमो </ h3>
<कैनवास आईडी = “कैनिड” चौड़ाई = “600” ऊंचाई = “400”> अपने ब्राउज़र क्रोम अपडेट करें </ canvas>
<Script>
var tempcan = document.getElementById (canid);
var tempcan2 = tempcan.getContext (“2 डी”);
tempcan2.fillStyle = ‘# 0000ff’;
tempcan2.fillRect (25,25,180,100);
</ Script>
</ Body>
</ Html>
एचटीएमएल 4 में यह टैग मौजूद नहीं था।
- एचटीएमएल 5 में उस स्क्रिप्ट विशेषता का उपयोग करना आवश्यक नहीं है।जबकि एचटीएमएल 4 और पुराने एचटीएमएल संस्करणों में, स्क्रिप्ट विशेषता का उपयोग जावास्क्रिप्ट या अन्य समान स्क्रिप्ट को संदर्भित करने के लिए लिंक टैग में किया गया था
- एचटीएमएल 5 में, <table> टैग में केवल एक विशेषता सीमा हो सकती है और इस विशेषता का मान केवल शून्य या एक हो सकता है।जबकि एचटीएमएल 4 में, <table> टैग में कई विशेषताएं थीं।
- एचटीएमएल 5 एप्लेट टैग में हटा दिया गया है जिसे एचटीएमएल 5 नए टैग <ऑब्जेक्ट> में पेश करने के लिए वेब ब्राउजर में ऐपलेट प्रदर्शित करने के लिए इस्तेमाल किया गया था, एचटीएमएल 4 में केवल ऐप्पल टैग वेब ब्राउजर पर एप्लेट प्रदर्शित करने के लिए मौजूद था।
- क्लाइंट और सर्वर संचार समर्थन के लिए एचटीएमएल 5 में, इसमें वेब सॉकेट होते हैं जो क्लाइंट और सर्वर के बीच एचटीएमएल 4 संचार के मामले में स्ट्रीमिंग और लंबी मतदान के माध्यम से एचटीएमएल 4 संचार के मामले में पूर्ण डुप्लेक्स संचार की अनुमति देते हैं, क्योंकि वहां कोई वेब सॉकेट उपलब्ध नहीं था एचटीएमएल 4।
- एचटीएमएल 5 में उपयोगकर्ता का स्थान प्राप्त करना बहुत आसान है।एचटीएमएल 4 के मामले में, वेबसाइट तक पहुंचने वाले उपयोगकर्ता के स्थान की पहचान करने के लिए एचटीएमएल 5 के जेएस जिओलोकेशन का लाभ उठाया जा सकता है; यह साइट पर आने वाले आगंतुकों के भौगोलिक स्थानों को प्राप्त करने के लिए एक बेहद बोझिल काम है। यह तब भी मुश्किल था जब वेबसाइट मोबाइल उपकरणों के माध्यम से पहुंची थी।
एचटीएमएल 5 बनाम एचटीएमएल 4 तुलना तालिका
नीचे एचटीएमएल 5 बनाम एचटीएमएल 4 के बीच सबसे ज्यादा तुलना है
एचटीएमएल 5 बनाम एचटीएमएल 4 के बीच तुलना का आधार | एचटीएमएल 5 | एचटीएमएल 4 |
संस्करण | यह एचटीएमएल 4 का विस्तार है। यहएचटीएमएल का 5 वांसंस्करण है। | यह एचटीएमएल का चौथा संस्करण है। |
सादगी | एचटीएमएल 5 एचटीएमएल 4 की तुलना में बहुत सरल है। उदाहरण –
<! डॉक्टरेट एचटीएमएल> |
यह एचटीएमएल 5 का पुराना संस्करण है, इसलिए एचटीएमएल 5 की तुलना में कम सुविधाएं हैं
<! DOCTYPE एचटीएमएल सार्वजनिक “- // डब्ल्यू 3 सी // डीटीडी एचटीएमएल 4.01 // एन” “http://www.w3.org/TR/html4/strict.dtd”> |
खराब दस्तावेज | एचटीएमएल विकृत दस्तावेजों में स्थिरता प्रदान करता है। इसमें बेहतर त्रुटि प्रबंधन है। | यह एचटीएमएल 5 की तरह बेहतर त्रुटि हैंडलिंग प्रदान नहीं करता है। |
नए टैग | इसमें कई नए टैग हैं जो एचटीएमएल 4 में कैनवास, वीडियो, ऑडियो जैसे मौजूद नहीं थे | ये टैग एचटीएमएल 4 संस्करण द्वारा प्रदान नहीं किए गए हैं |
मल्टीमीडिया तत्व | एचटीएमएल 5 द्वारा प्रदान मल्टीमीडिया समर्थन। | एचटीएमएल 4 में इन्हें सिल्वरलाइट और फ्लैश जैसी तीसरी पार्टी द्वारा प्रदान किया गया है |
निष्कर्ष – एचटीएमएल 5 बनाम एचटीएमएल 4
जैसा कि हमने देखा है कि एचटीएमएल 5 एचटीएमएल 4 का उन्नत संस्करण है, इसमें कई नए टैग और फीचर्स हैं जो एचटीएमएल 4 में मौजूद नहीं थे, दूसरी ओर हम देख सकते हैं कि एचटीएमएल 4 अधिक ब्राउज़र संगत एचटीएमएल 5 की तुलना में संगत है, इसलिए चयन के लिए हमारी पसंद उत्पाद के अनुसार होनी चाहिए विकास आवश्यकताओं यदि हम पुरानी विरासत वेबसाइट पर कुछ बग फिक्स कर रहे हैं तो उस स्थान पर हम संगतता के मुद्दों के कारण एचटीएमएल 5 के साथ नहीं जा सकते हैं। साथ ही अगली पीढ़ी की वेबसाइट के नए वेब विकास के मामले में हमें हमेशा नवीनतम संस्करण का उपयोग करना चाहिए। मुझे उम्मीद है कि अब आपको एचटीएमएल 5 बनाम एचटीएमएल 4 दोनों का एक अच्छा विचार होना चाहिए। इन ब्लॉगों के लिए हमारे ब्लॉग पर बने रहें।
अनुशंसित आलेख
यह एचटीएमएल 5 और एचटीएमएल 4 के बीच अंतर शीर्ष के लिए एक मार्गदर्शक रहा है। यहां हम इंफोग्राफिक्स और तुलना तालिका के साथ एचटीएमएल 5 बनाम एचटीएमएल 4 महत्वपूर्ण मतभेदों पर भी चर्चा करते हैं। अधिक जानने के लिए आप निम्नलिखित एचटीएमएल 5 बनाम एचटीएमएल 4 लेखों पर भी एक नज़र डाल सकते हैं –
- एचटीएमएल बनाम एक्सएमएल
- 10 मतभेद एचटीएमएल बनाम एचटीएमएल 5
- एक्सएचटीएमएल बनाम एचटीएमएल 5
- एचटीएमएल 5 बनाम फ्लैश