HTML बनाम HTML5 सीखने से पहले, आइए जानें:
मार्कअप भाषा क्या है?
एक मार्कअप लैंग्वेज एक डॉक्यूमेंट को इस तरह से एनोटेट करने के लिए एक सिस्टम डिज़ाइन है कि यह वाक्यविन्यास रूप से अलग हो सकता है। यह तत्वों को परिभाषित करने के लिए टैग का उपयोग करता है। मार्कअप भाषाओं में अंग्रेजी भाषा के वाक्यांश और शब्द होते हैं। इसलिए, उन्हें पढ़ना आसान है। मार्कअप भाषाओं को विशेष रूप से प्रसंस्करण, परिभाषा, साथ ही पाठ की प्रस्तुति के लिए डिज़ाइन किया गया है।
इस HTML बनाम HTML 5 ट्यूटोरियल में, आप सीखेंगे:
- मार्कअप भाषा क्या है?
- HTML क्या है?
- HTML5 क्या है?
- HTML की संरचना
- HTML5 की संरचना
- HTML की विशेषताएं
- एचटीएमएल 5 की विशेषताएं
- HTML बनाम HTML5
- HTML के फायदे
- HTML5 के लाभ
- HTML का नुकसान
- HTML5 के नुकसान
HTML क्या है?
HTML वर्ल्ड वाइड वेब के लिए उपयोग की जाने वाली भाषा है। यह वेब पर पृष्ठ बनाने और प्रदर्शित करने के लिए उपयोग की जाने वाली मानक पाठ प्रारूपण भाषा है।
HTML फाइलें दो चीजों से मिलकर बनी होती हैं 1) सामग्री और 2) टैग जो इसे पृष्ठों पर उचित प्रदर्शन के लिए प्रारूपित करते हैं। इसका उपयोग कैस्केडिंग स्टाइल शीट्स (सीएसएस) और जावास्क्रिप्ट जैसे स्क्रिप्टिंग भाषाओं जैसी तकनीकों द्वारा किया जा सकता है। HTML का फुल फॉर्म Hypertext Markup Language है। इसे HTML v 1.0 के रूप में भी जाना जाता है और यह HTML मार्कअप का पहला पुनरावृत्ति है।
HTML5 क्या है?
एचटीएमएल 5 एचटीएमएल संस्करण 1.0 का 5 वां संस्करण है, जिसमें अधिक टैग और फीचर्स हैं। तकनीकी रूप से इसका HTML संस्करण 5.0 है, लेकिन बोलचाल में इसे HTML5 कहा जाता है।
सफारी, ओपेरा, क्रोम और फ़ायरफ़ॉक्स जैसे ब्राउज़रों का नवीनतम संस्करण एचटीएमएल 5 की सभी सबसे अधिक सुविधाओं का समर्थन करता है। एक वेब डेवलपर फोटो साइटों, वेब मंचों और उन्नत मैपिंग अनुप्रयोगों के विकास के लिए एचटीएमएल 5 का उपयोग कर सकता है। HTML5 का फुल फॉर्म Hypertext Markup Language 5 है।
HTML की संरचना
यहाँ HTML की एक संरचना है:
Guru99 Home Best Tutorials on Planet
Paragraph
HTML5 की संरचना
यहाँ HTML5 की संरचना है:
HTML5 Title
HTML की विशेषताएं
- मंच स्वतंत्र भाषा।
- यह संवेदनशील भाषा नहीं है।
- आप कैस्केडिंग स्टाइल शीट्स का उपयोग करके रंग, फ़ॉन्ट, साथ ही स्थिति को नियंत्रित कर सकते हैं।
- हम तालिकाओं का निर्माण कर सकते हैं।
- HTML तत्व का उपयोग करके किसी पृष्ठ की प्रस्तुति बढ़ाएं।
- आपको टैग का उपयोग करके एक वेब पेज विकसित करने में सक्षम बनाता है।
- ग्राफिक्स का उपयोग करें और विभिन्न फोंट, आकारों और रंगों में पाठ भी प्रदर्शित करें।
- यह आपको विभिन्न दस्तावेजों को नेविगेट करने के लिए हाइपरलिंक बनाने में मदद करता है जो वेब पर मौजूद हैं।
- आप सारणीबद्ध प्रारूप में डेटा प्रदर्शित कर सकते हैं।
- विभिन्न विंडो में कई स्रोतों से जानकारी प्रदर्शित करने के लिए एक वेब पेज में एक से अधिक विंडो बनाएं।
एचटीएमएल 5 की विशेषताएं
- यह स्थानीय भंडारण का समर्थन करता है
- HTML5 में नई सामग्री से संबंधित तत्व हैं, जैसे, <शीर्ष लेख>, <पाद>, <लेख>, <अनुभाग>, <नौसेना>, आदि।
- यह नया रूप नियंत्रण प्रदान करता है, जैसे दिनांक, कैलेंडर, समय, URL, ईमेल और खोज।
- 2 डी आरेख ड्राइंग के लिए <कैनवास> तत्व
- CSS3 के लिए समर्थन, सीएसएस के नए और संस्करण।
- मीडिया का समर्थन प्रदान करता है।
- चित्रा तत्व को अन्य छवि तत्वों के साथ आसानी से एक कैप्शन को जोड़ने के लिए तत्वों के साथ जोड़ा जा सकता है।
- आप साइट के प्रदर्शन को प्रभावित किए बिना स्थानीय रूप से बड़ी मात्रा में डेटा स्टोर कर सकते हैं।
- HTML गलत सिंटैक्स को संभालने में सक्षम है।
HTML बनाम HTML5
यहाँ HTML और HTML5 के बीच अंतर हैं:
| एचटीएमएल | एचटीएमएल 5 |
| HTML Doctype घोषणा लंबी है। | HTML5 में DOCTYPE घोषणा सरल है। |
| HTML वर्ण एन्कोडिंग लंबा है। | HTML5 चरित्र एन्कोडिंग घोषणा सरल है। |
| ऑडियो और वीडियो HTML भाग नहीं हैं। | ऑडियो और वीडियो HTML5 हिस्सा हैं। |
| सिल्वरलाइट, फ्लैश, वीएमएल, आदि जैसी अन्य तकनीकों की मदद से वेक्टर को खींचना संभव है। | वेक्टर ग्राफिक्स HTML5, उदाहरण के लिए, कैनवास, एसवीजी का एक हिस्सा हैं। |
| किसी भी वेबसाइट को ब्राउज़ करने वाले व्यक्ति का वास्तविक जियोलोकेशन प्राप्त करना असंभव है। | HTML5 में JS Geolocation API आपको किसी भी वेबसाइट को ब्राउज़ करने वाले उपयोगकर्ता के स्थान की पहचान करने में सक्षम बनाता है। |
| HTML कुकीज़ के बजाय स्थानीय भंडारण प्रदान करता है। | Html5 डेटा को स्टोर करने के लिए कुकीज़ का उपयोग करता है। |
| HTML में, मूल आकृतियों को खींचना संभव नहीं है। | Html5 में, मूल आकृतियों को खींचना संभव है। |
| यह आपको एक ब्राउज़र में जावास्क्रिप्ट चलाने की अनुमति देता है। | यह आपको पृष्ठभूमि में जावास्क्रिप्ट कोड चलाने में सक्षम बनाता है। |
| आप सभी पुराने ब्राउज़रों के साथ HTML का उपयोग कर सकते हैं। | आप सभी नए ब्राउज़रों के साथ HTML5 का उपयोग कर सकते हैं। |
| आप ब्राउज़र कैश का उपयोग अस्थायी भंडारण के रूप में कर सकते हैं। | आप अस्थायी डेटाबेस के रूप में एप्लिकेशन (डेटाबेस और वेब स्टोरेज) कैश का उपयोग कर सकते हैं। |
| वेब सॉकेट उपलब्ध नहीं है। | आप वेब सॉकेट्स का उपयोग करके सर्वर के साथ पूर्ण-द्वैध संचार चैनल स्थापित कर सकते हैं। |
| HTML कोड्स को गलत तरीके से हैंडस्टॉस्टर करने की कोई प्रक्रिया नहीं है। | एचटीएमएल 5 कामचलाऊ त्रुटि हैंडलिंग प्रक्रिया के माध्यम से लगातार त्रुटि से निपटने का समर्थन करता है। |
| HTML कम मोबाइल के अनुकूल है। | HTML5 मोबाइल फ्रेंडली है। |
| HTML में async, charset और ping जैसे गुण मौजूद नहीं हैं। | Async, पिंग, चारसेट की विशेषताएँ और HTML5 का एक हिस्सा हैं। |
| HTML ड्रैग और ड्रॉप इफ़ेक्ट की अनुमति नहीं देता है | HTML5 ड्रैग और ड्रॉप इफ़ेक्ट की अनुमति देता है। |
| नया गुण जैसे कि टैबिनेक्स, आईडी, टैबिनेक्स आदि प्रदान करें। | ये कुछ विशेषताएं हैं जो HTML 5 तत्वों पर लागू होती हैं। |
HTML के फायदे
यहाँ HTML के पेशेवरों / लाभ हैं:
- वेब पृष्ठों के विकास के लिए उपयोग करना आसान है
- आसानी से एक वेब दस्तावेज़ बनाएँ
- यह आपको वेब पेजों के भीतर और विभिन्न सर्वरों पर स्थित वेबसाइटों के बीच नेविगेट करने में मदद करता है।
- HTML में, आप उन छवियों का उपयोग करने के लिए क्वेरी सेट कर सकते हैं जो प्रकृति में उत्तरदायी हैं।
- उपयोगकर्ता उन ब्राउज़र डेटा को नहीं बचा सकता है जो पूरे सत्र में बने रहते हैं।
- एक बार जब डेटा ब्राउज़र में संग्रहीत हो जाता है, तो डेवलपर एप्लिकेशन काम करने के लिए आगे सोच सकता है।
HTML5 के लाभ
यहाँ HTML5 के लाभ / लाभ हैं:
- इसमें फ़ाइल सिस्टम, क्लाइंट-साइड स्टोरेज, ईवेंट हैंडलिंग और अधिक के बारे में नए एपीआई के एक बड़े सेट जैसी क्षमताएं हैं।
- एक नई इंटरैक्टिव वेबसाइट बनाने में आसान।
- क्योंकि HTML5 एक व्यावहारिक दृष्टिकोण लेता है, आप आसानी से वास्तविक दुनिया की समस्याओं को ठीक कर सकते हैं।
- इसने Doctype और चरित्र सेट को सरल बनाया है।
- एचटीएमएल 5 <विवरण>, <संवाद>, <चिह्न>, और अधिक जैसे तत्व प्रदान करता है।
- इसने <इनपुट> टैग के लिए एक नई विशेषता के साथ वेब रूपों में सुधार किया है।
- HTML5 किसी भी तृतीय-पक्ष प्लगइन्स का उपयोग किए बिना प्राप्त करने के लिए लगातार स्थानीय संग्रहण देता है।
- इसमें एक WebSocket है, जो वेब एप्लिकेशन विकसित करने के लिए अगली पीढ़ी की संचार तकनीक है।
- एचटीएमएल 5 उन घटनाओं का परिचय देता है जिन्हें सर्वर-सेंटेड इवेंट (एसएसई) कहा जाता है।
- इसने मार्कअप को सरल बनाया है
- दो-आयामी ड्राइंग सतह का समर्थन जिसे आप जावास्क्रिप्ट के साथ प्रोग्राम कर सकते हैं।
- HTML5 आपको अपनी शब्दावली बनाने में सक्षम बनाता है।
- आप अपने स्वयं के कस्टम शब्दार्थ बना सकते हैं।
- उसी वेबपेज पर आइटमों को एक स्थान से दूसरे स्थान पर खींचें और छोड़ें।
- कई वीडियो का समर्थन करता है।
- HTML5 ने एपीआई के साथ दृश्यता, मीडिया कैप्चर, फुलस्क्रीन आदि जैसे वेब एप्लिकेशन अनुभव को बढ़ाया है।
HTML का नुकसान
यहाँ HTML के विपक्ष / दोष हैं:
- HTML डायनामिक पेज बनाने में मदद नहीं करता है। यह केवल सादे पृष्ठ बना सकता है।
- एक साधारण वेबपेज बनाने के लिए आपको एक लंबा कोड लिखना पड़ सकता है।
- HTML में सुरक्षा सुविधाएँ अच्छी नहीं हैं।
- किसी भी चीज़ को विकसित करने में समय लगता है, यहां तक कि एक वेबपेज जैसा दिखता है।
- HTML अन्य वेबपेज की तरह लचीला नहीं है, जैसे कि ड्रीमविवर।
- यह केंद्रीकृत दृष्टिकोण का पालन नहीं कर रहा है। आपको वेबपृष्ठों को अलग से संपादित करने की आवश्यकता है।
HTML5 के नुकसान
यहाँ HTML5 के विपक्ष / कमियां हैं:
- इसे एक्सेस करने के लिए आधुनिक ब्राउज़र की आवश्यकता होती है।
- मीडिया लाइसेंसिंग से जुड़े मुद्दे हैं।
- मल्टीपल डिवाइस रिस्पॉन्सिबिलिटी सिरदर्द बन सकती है।
- HTML5 भाषा अभी भी प्रगति पर है।
- गेमिंग HTML5 के तहत जावास्क्रिप्ट के साथ संघर्ष करता है।
- HTML5 में उपलब्ध अच्छे आईडीई नहीं हैं।
प्रमुख स्रोत:
- HTML Doctype घोषणा लंबी है जबकि HTML5 में DOCTYPE घोषणा सरल है।
- ऑडियो और वीडियो HTML भाग नहीं हैं जबकि HTML5 में ऑडियो और वीडियो टैग समर्थित हैं।
- HTML में, वेब सॉकेट उपलब्ध नहीं है, दूसरी ओर HTML5 में आप वेब पॉकेट का उपयोग कर सर्वर के साथ पूर्ण-द्वैध संचार चैनल स्थापित कर सकते हैं।
- HTML कम मोबाइल फ्रेंडली है, जबकि HTML5 मोबाइल फ्रेंडली है।
- HTML में किसी भी वेबसाइट को ब्राउज़ करने वाले व्यक्ति का वास्तविक जियोलोकेशन प्राप्त करना असंभव है जबकि HTML5 में JS जियोलोकेशन एपीआई आपको किसी भी वेबसाइट को ब्राउज़ करने वाले उपयोगकर्ता के स्थान की पहचान करने में सक्षम बनाता है।