HTML और HTML5 के बीच अंतर
लुकास बेनेट
HTML और HTML5 के बीच मुख्य अंतर
- HTML Doctype घोषणा लंबी है जबकि HTML5 में DOCTYPE घोषणा सरल है।
- ऑडियो और वीडियो HTML भाग नहीं हैं, जबकि ऑडियो और वीडियो टैग HTML5 में समर्थित हैं।
- HTML में वेब सॉकेट उपलब्ध नहीं है, दूसरी ओर, HTML5 में आप वेब सॉकेट का उपयोग करके सर्वर के साथ पूर्ण-द्वैध संचार चैनल स्थापित कर सकते हैं।
- HTML कम मोबाइल अनुकूल है, जबकि HTML5 मोबाइल अनुकूल है।
- HTML में किसी भी वेबसाइट को ब्राउज़ करने वाले व्यक्ति का वास्तविक जियोलोकेशन प्राप्त करना असंभव है, जबकि HTML5 में JS जियोलोकेशन API आपको किसी भी वेबसाइट को ब्राउज़ करने वाले उपयोगकर्ता के स्थान की पहचान करने में सक्षम बनाता है।
मार्कअप भाषा क्या है?
मार्कअप भाषा एक सिस्टम डिज़ाइन है जो किसी दस्तावेज़ को इस तरह से एनोटेट करता है कि उसे वाक्यविन्यास के हिसाब से पहचाना जा सके। यह तत्वों को परिभाषित करने के लिए टैग का उपयोग करता है। मार्कअप भाषाओं में अंग्रेजी भाषा के वाक्यांश और शब्द होते हैं। इसलिए, उन्हें पढ़ना आसान है। मार्कअप भाषाओं को विशेष रूप से प्रसंस्करण, परिभाषा, साथ ही पाठ की प्रस्तुति के लिए डिज़ाइन किया गया है।
HTML क्या है?
HTML वर्ल्ड वाइड वेब के लिए इस्तेमाल की जाने वाली भाषा है। यह वेब पर पेज बनाने और प्रदर्शित करने के लिए इस्तेमाल की जाने वाली मानक टेक्स्ट फ़ॉर्मेटिंग भाषा है।
HTML फ़ाइलें दो चीज़ों से मिलकर बनी होती हैं 1) सामग्री और 2) टैग जो इसे पृष्ठों पर उचित प्रदर्शन के लिए प्रारूपित करते हैं। इसका उपयोग कैस्केडिंग स्टाइल शीट्स (CSS) जैसी तकनीकों और स्क्रिप्टिंग भाषाओं जैसे द्वारा किया जा सकता है Javaस्क्रिप्ट। HTML का पूरा नाम हाइपरटेक्स्ट मार्कअप लैंग्वेज है। इसे HTML v 1.0 के नाम से भी जाना जाता है और यह HTML मार्कअप का पहला संस्करण है।
HTML5 क्या है?
HTML5 वह 5 हैth के संस्करण एचटीएमएल संस्करण 1.0 जिसमें अधिक टैग और सुविधाओं का समर्थन है। तकनीकी रूप से इसे HTML संस्करण 5.0 कहा जाता है, लेकिन बोलचाल की भाषा में इसे HTML5 कहा जाता है।
सफ़ारी जैसे ब्राउज़रों का नवीनतम संस्करण, Opera, क्रोम, और Firefox यह HTML5 की लगभग सभी सुविधाओं का समर्थन करता है। एक वेब डेवलपर HTML5 का उपयोग विकास के लिए कर सकता है।ping फोटो साइटें, वेब फ़ोरम और उन्नत मानचित्रping अनुप्रयोगों के लिए। HTML5 का पूरा नाम हाइपरटेक्स्ट मार्कअप लैंग्वेज 5 है।
HTML और HTML5 के बीच अंतर
HTML और HTML5 के बीच मुख्य अंतर नीचे दिया गया है:
| एचटीएमएल | HTML5 |
|---|---|
| HTML Doctype घोषणा लंबी है. | HTML5 में DOCTYPE घोषणा सरल है। |
| HTML वर्ण एनकोडिंग अधिक लम्बी है। | HTML5 वर्ण एन्कोडिंग घोषणा सरल है। |
| ऑडियो और वीडियो HTML भाग नहीं हैं. | ऑडियो और वीडियो HTML5 भाग हैं। |
| सिल्वरलाइट, फ्लैश, वीएमएल आदि जैसी अन्य प्रौद्योगिकियों की सहायता से वेक्टर बनाना संभव है। | वेक्टर ग्राफिक्स HTML5 का एक हिस्सा हैं, जैसे कैनवास, SVG। |
| किसी भी वेबसाइट को ब्राउज़ करने वाले व्यक्ति की वास्तविक जियोलोकेशन प्राप्त करना असंभव है। | HTML5 में JS जियोलोकेशन एपीआई आपको किसी भी वेबसाइट ब्राउज़ करने वाले उपयोगकर्ता के स्थान की पहचान करने में सक्षम बनाता है। |
| HTML कुकीज़ के स्थान पर स्थानीय भंडारण प्रदान करता है। | Html5 डेटा संग्रहीत करने के लिए कुकीज़ का उपयोग करता है। |
| HTML में मूल आकृतियाँ बनाना संभव नहीं है। | Html5 में बुनियादी आकृतियाँ बनाना संभव है। |
| यह आपको दौड़ने की अनुमति देता है Javaब्राउज़र में स्क्रिप्ट. | यह आपको चलाने में सक्षम बनाता है Javaपृष्ठभूमि में स्क्रिप्ट कोड. |
| आप सभी पुराने ब्राउज़रों के साथ HTML का उपयोग कर सकते हैं। | आप सभी नए ब्राउज़रों के साथ HTML5 का उपयोग कर सकते हैं। |
| आप ब्राउज़र कैश को अस्थायी भंडारण के रूप में उपयोग कर सकते हैं। | आप एप्लिकेशन (डेटाबेस और वेब स्टोरेज) कैश को अस्थायी स्टोरेज के रूप में उपयोग कर सकते हैं। |
| वेब सॉकेट उपलब्ध नहीं है. | आप वेब सॉकेट्स का उपयोग करके सर्वर के साथ पूर्ण-द्वैध संचार चैनल स्थापित कर सकते हैं। |
| संरचनात्मक रूप से गलत HTML कोड को संभालने के लिए कोई प्रक्रिया नहीं है। | HTML5 सुधारित त्रुटि प्रबंधन प्रक्रिया के माध्यम से स्थायी त्रुटि प्रबंधन का समर्थन करता है। |
| HTML मोबाइल के लिए कम अनुकूल है। | HTML5 मोबाइल अनुकूल है। |
| async, charset, और जैसे एट्रिब्यूट ping HTML में मौजूद नहीं हैं। | एसिंक्रोनस की विशेषताएँ, ping, charset, और HTML5 का हिस्सा हैं। |
| HTML ड्रैग और ड्रॉप प्रभाव की अनुमति नहीं देता | HTML5 ड्रैग और ड्रॉप प्रभाव की अनुमति देता है। |
| tabinex, id, tabinex आदि जैसी नई विशेषताएं प्रदान करें। | ये कुछ विशेषताएँ हैं जो HTML 5 तत्वों पर लागू होती हैं। |
HTML की संरचना
HTML की संरचना इस प्रकार है:
<!DOCTYPE html>
<html>
<head>
<title>Guru99 Home</title>
</head>
<body>
<h1>Best Tutorials on Planet</h1>
<p>Paragraph</p>
</body>
</html>
HTML5 की संरचना
HTML5 की संरचना इस प्रकार है:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML5 Title</title> <meta name="description" content=" HTML5 Title"> <meta name="author" content="Guru99"> <link rel="stylesheet" href="css/styles.css?v=1.0"> </head> <body> <script src="js/scripts.js"></script> </body> </html>
HTML की विशेषताएँ
- प्लेटफ़ॉर्म स्वतंत्र भाषा.
- यह केस सेंसिटिव भाषा नहीं है।
- आप कैस्केडिंग स्टाइल शीट्स का उपयोग करके रंग, फ़ॉन्ट और स्थिति को नियंत्रित कर सकते हैं।
- हम टेबल बना सकते हैं.
- HTML तत्व का उपयोग करके पृष्ठ की प्रस्तुति को बेहतर बनाएँ।
- आपको टैग का उपयोग करके वेब पेज विकसित करने में सक्षम बनाता है।
- ग्राफिक्स का उपयोग करें और पाठ को विभिन्न फ़ॉन्ट, आकार और रंगों में प्रदर्शित करें।
- यह आपको वेब पर मौजूद विभिन्न दस्तावेजों तक नेविगेट करने के लिए हाइपरलिंक बनाने में मदद करता है।
- आप डेटा को सारणीबद्ध प्रारूप में प्रदर्शित कर सकते हैं।
- एक वेब पेज में एक से अधिक विंडो बनाकर विभिन्न स्रोतों से प्राप्त जानकारी को अलग-अलग विंडो में प्रदर्शित करें।
HTML5 की विशेषताएं
- यह स्थानीय भंडारण का समर्थन करता है
- HTML5 में नई सामग्री से संबंधित तत्व हैं, जैसे, , , , , , वगैरह।
- यह नए फॉर्म नियंत्रण प्रदान करता है, जैसे दिनांक, कैलेंडर, समय, यूआरएल, ईमेल और खोज।
- 2D आरेख बनाने के लिए तत्व
- CSS3, CSS के नवीनतम संस्करण के लिए समर्थन।
- मीडिया सहायता प्रदान करता है.
- चित्र तत्व को तत्वों के साथ संयोजित करके कैप्शन को अन्य चित्र तत्वों के साथ आसानी से जोड़ा जा सकता है।
- आप साइट के प्रदर्शन को प्रभावित किए बिना बड़ी मात्रा में डेटा स्थानीय रूप से संग्रहीत कर सकते हैं।
- HTML गलत वाक्यविन्यास को संभालने में सक्षम है।
HTML के लाभ
HTML के लाभ/पक्ष इस प्रकार हैं:
- वेब पेज विकास के लिए उपयोग में आसान
- आसानी से वेब दस्तावेज़ बनाएँ
- यह आपको वेब पेजों के भीतर और विभिन्न सर्वरों पर स्थित वेबसाइटों के बीच नेविगेट करने में मदद करता है।
- HTML में, आप उन छवियों का उपयोग करने के लिए क्वेरीज़ सेट कर सकते हैं जो प्रकृति में उत्तरदायी हैं।
- उपयोगकर्ता ब्राउज़र डेटा को सहेज नहीं सकता जो सत्रों में बना रहता है।
- एक बार जब डेटा ब्राउज़र में संग्रहीत हो जाता है, तो डेवलपर एप्लिकेशन को काम करने के लिए आगे सोच सकता है।
HTML5 के लाभ
HTML5 के लाभ/सुविधाएँ इस प्रकार हैं:
- इसमें फ़ाइल सिस्टम, क्लाइंट-साइड स्टोरेज, इवेंट हैंडलिंग आदि से संबंधित नए APIs का एक बड़ा सेट जैसी क्षमताएं हैं।
- एक नई इंटरैक्टिव वेबसाइट बनाना आसान है।
- क्योंकि HTML5 एक व्यावहारिक दृष्टिकोण अपनाता है, आप वास्तविक दुनिया की समस्याओं को आसानी से ठीक कर सकते हैं।
- इसमें डॉकटाइप और कैरेक्टर सेट को सरल बनाया गया है।
- HTML5 जैसे तत्व प्रदान करता है , , , और अधिक।
- इसने एक नई विशेषता के साथ वेब फ़ॉर्म में सुधार किया है टैग।
- HTML5 किसी भी तृतीय-पक्ष प्लगइन का सहारा लिए बिना स्थायी स्थानीय भंडारण प्रदान करता है।
- इसमें वेबसॉकेट है, जो विकास के लिए अगली पीढ़ी की संचार तकनीक है।ping वेब अनुप्रयोग।
- HTML5 उन घटनाओं को प्रस्तुत करता है जिन्हें सर्वर-सेंट इवेंट्स (SSE) कहा जाता है।
- इसमें मार्कअप को सरल बनाया गया है
- दो-आयामी ड्राइंग सतह का समर्थन जिसे आप प्रोग्राम कर सकते हैं Javaस्क्रिप्ट।
- HTML5 आपको अपनी स्वयं की शब्दावली बनाने में सक्षम बनाता है।
- आप अपना स्वयं का कस्टम शब्दार्थ बना सकते हैं।
- एक ही वेबपेज पर आइटम को एक स्थान से दूसरे स्थान पर खींचें और छोड़ें।
- अनेक वीडियो का समर्थन करता है.
- HTML5 ने दृश्यता, मीडिया कैप्चर, फुलस्क्रीन आदि जैसे API के साथ वेब अनुप्रयोग अनुभव को बढ़ाया है।
HTML के नुकसान
HTML के नुकसान/कमियां इस प्रकार हैं:
- HTML गतिशील पेज बनाने में मदद नहीं करता है। यह केवल सादे पेज ही बना सकता है।
- एक साधारण वेबपेज बनाने के लिए आपको लंबा कोड लिखना पड़ सकता है।
- HTML में सुरक्षा सुविधाएँ अच्छी नहीं हैं।
- किसी भी ऐसी चीज़ को विकसित करने में समय लगता है जो वेबपेज जैसा भी दिखे।
- एचटीएमएल अन्य वेबपेज डेवलपर की तरह लचीला नहीं है।ping सॉफ्टवेयर की तरह Dreamweaver.
- यह केंद्रीकृत दृष्टिकोण का पालन नहीं कर रहा है। आपको वेबपेजों को अलग से संपादित करना होगा।
HTML5 के नुकसान
HTML5 के नुकसान/कमियां इस प्रकार हैं:
- इस तक पहुंचने के लिए आधुनिक ब्राउज़र की आवश्यकता होती है।
- मीडिया लाइसेंसिंग से संबंधित मुद्दे हैं।
- एकाधिक डिवाइस की प्रतिक्रियाशीलता सिरदर्द का कारण बन सकती है।
- HTML5 भाषा पर अभी भी काम चल रहा है।
- गेमिंग से जुड़ी परेशानियां JavaHTML5 के अंतर्गत स्क्रिप्ट.
- HTML5 में कोई भी अच्छा IDE उपलब्ध नहीं है।
