html vs html5 what is difference between html5
कंप्यूटर की समस्याओं को ठीक करने के लिए सबसे अच्छा सॉफ्टवेयर
यह HTML5 बनाम HTML ट्यूटोरियल HTML और HTML5 के बीच मुख्य अंतर को बताता है। आप एचटीएमएल 5 के फायदे और नुकसान के बारे में भी जान सकते हैं:
एचटीएमएल 5 और एचटीएमएल के बीच अंतर जानने से पहले, आइए पहले इन शर्तों की एक बुनियादी समझ रखें और इन हाइपरटेक्स्ट मार्कअप लैंग्वेज का उपयोग करके वेबसाइट कैसे डिज़ाइन की जाती हैं।
इस ट्यूटोरियल में, हम देखेंगे कि HTML5, नवीनतम संस्करण, HTML से किस प्रकार भिन्न है।
आप क्या सीखेंगे:
- एक मार्कअप भाषा क्या है?
- HTML क्या है?
- HTML 5 क्या है?
- HTML बनाम HTML5 के बीच अंतर
- क्यों HTML5 डेवलपर्स के लिए HTML पर बढ़त है?
- निष्कर्ष
एक मार्कअप भाषा क्या है?
सेवा मेरे पाठ के प्रस्तुतिकरण के लिए प्रयुक्त भाषा वेब ब्राउज़रों द्वारा सूचना का आदान-प्रदान करने के लिए उपयोग किया जाने वाला माध्यम है ताकि यह निर्धारित किया जा सके कि कैसे वेबपेज जैसा दिखना चाहिए । यह के साथ संबंधित है पाठ की प्रस्तुति कोड की मदद से। कोड दोनों के लिए प्रारूप को परिभाषित करता है अंदाज तथा ख़ाका वेबपेज का।
मार्कअप भाषाओं के विभिन्न प्रकार
कुछ महत्वपूर्ण मार्कअप भाषाओं में शामिल हैं:
- मानक सामान्यीकृत मार्कअप भाषा।
- हाइपर टेक्स्ट मार्कअप लैंग्वेज।
- एक्सटेंसिबल मार्कअप लैंग्वेज।
- एक्स्टेंसिबल हाइपरटेक्स्ट मार्कअप लैंग्वेज।
HTML के विभिन्न संस्करण
- HTML 1.0: यह वर्ष 1991 में टिम बर्नर्स द्वारा जारी किया गया था। इसकी कई विशेषताएं नहीं थीं जिनकी मदद से हम वेब पेज डिज़ाइन का प्रदर्शन कर सकते थे।
- HTML 2.0: यह वर्ष 1995 में चित्र में आया था। इसमें इसके पिछले संस्करण की सभी विशेषताओं के साथ-साथ इसकी अपनी विशेषताएं भी शामिल थीं।
- HTML 3.2: यह वर्ष 1997 में जारी किया गया था। इस संस्करण ने इसकी शुरुआत की व्यापक स्टाइल शीट (सीएसएस) समर्थन करते हैं।
- HTML 4.01: यह वर्ष 1999 में जारी किया गया था। 3.2 संस्करण में, हमें HTML के अंदर CSS को HTML में, 4.01 में फीचर को शामिल करना होगा बाहरी शैली की चादर परिचित कराया। यहां हमें एक बाहरी सीएसएस फाइल बनानी होगी, जिसे हमें HTML के अंदर शामिल करना होगा। इस संस्करण में नए टैग भी जोड़े गए हैं।
- XHTML: यह वर्ष 2000 में जारी किया गया था।
- HTML 5: यह वर्ष 2014 में जारी किया गया था। इस संस्करण में मल्टीमीडिया के समर्थन, बाहरी प्लगइन्स के उपयोग को कम करने, नए टैगों को जोड़ने आदि सहित बहुत सी नई सुविधाएँ हैं।
HTML क्या है?
एचटीएमएल ए के रूप में जाना जाता है एच जम्हाई लेना टी ext म अर्कप एल पीड़ा जो वेब पेज की संरचना और सामग्री बनाती है।
आगे समझने के लिए एक उदाहरण लेते हैं:
किसी भी नई भाषा का अध्ययन करते समय, हमें महत्वपूर्ण नियमों, व्याकरण और उपयोग को ध्यान में रखने की आवश्यकता होती है, इसी तरह, HTML सीखने के दौरान हमें कुछ सीखने की जरूरत है तत्वों और उनका महत्व।
अब, हम समझते हैं कि क्या है ।
: एक HTML तत्व 'टैग' द्वारा अन्य ग्रंथों से अलग है। टैग में वह तत्व होता है जो '' या 'के रूप में भी जाना जाता है शुरू टैग और ए समाप्त टैग।
यहाँ
तथा
क्रमशः शुरुआत और समापन टैग हैं और बाकी तत्व सामग्री है।कृपया ध्यान दें कि टैग असंवेदनशील हैं।
HTML संरचना: HTML संरचना का एक उदाहरण नीचे दिखाया गया है।
Chrome ब्राउज़र पर कोड चलाने पर, हमें निम्न आउटपुट मिलते हैं:
कृपया ध्यान दें कि पृष्ठ का शीर्षक 'पहला एचटीएमएल पेज' है, जो कि HTML संरचना के टैग के तहत उल्लिखित है। 'पैराग्राफ सामग्री' का हिस्सा है
टैग।
- HTML दस्तावेज़ के शीर्ष स्तर पर है जिसे अक्सर रूट कहा जाता है। और इस टैग के अंदर रहते हैं।
- दस्तावेज़ के शीर्षक जैसे वेबपृष्ठ के बारे में जानकारी शामिल है। हेडर टैग के अंदर कुछ सामान्य टैग हैं,,,, और।
- वेबपृष्ठ की वास्तविक प्रस्तुति का वर्णन करता है। बॉडी टैग के अंदर कुछ सामान्य टैग हैं
लेख टैग एक वेबपेज पर एक स्वतंत्र पाठ निर्धारित करता है
एक तरफ टैग HTML5 में पेश किया गया दूसरा टैग है
फूटर टैग का उपयोग किसी वेबपेज के समापन भाग को इंगित करने के लिए किया जाता हैआउटपुट:
#दो) , टैग्स को संचार तत्वों के रूप में पेश किया जाता है।
उपयोग का वर्णन करने के लिए एक कोड स्निपेट लें:
HTML 5 पर अधिक रोचक तथ्य जानने के लिए यह वीडियो देखें:
# 3) , ग्राफिकल तत्वों के लिए टैग पेश किए गए हैं।
# 4) आधुनिक रूप तत्व जैसे दिनांक, समय, सप्ताह, ईमेल और कई और लॉन्च किए गए हैं।
# 5) लंगर टैग के लिए Href एक अनिवार्य विशेषता नहीं है।
# 6) वेबपेज को गतिशील बनाने वाले तत्व पेश किए गए हैं। ये तत्व हैं, और इसी तरह।
# 7) सिद्धांत और चरित्र एन्कोडिंग को सरल बनाया जाता है।
# 8) जैसे अतिरिक्त गुण ऑटोफोकस, स्वतः पूर्ण, आवश्यक और कई और रूप टैग के लिए जोड़े जाते हैं।
उपयोग का वर्णन करने के लिए एक कोड स्निपेट लें:
यहाँ, 'आवश्यक' विशेषता परिभाषित करती है कि किसी विशेष इनपुट फ़ील्ड को एक रूप में अनिवार्य है।
# 9) नए एपीआई पेश किए गए हैं जिनमें उपयोगकर्ताओं के लिए जियोलोकेशन के निर्धारण, ड्रैग एंड ड्रॉप सुविधा, स्थानीय भंडारण, एप्लिकेशन कैश और कई और अधिक जैसे कई उपयोग हैं। ये सभी परिणाम आधुनिक वेब अनुप्रयोगों में एचटीएमएल 5 की बढ़ती मांगों के कारण हैं।
# 10) साथ ही, HTML के पुराने संस्करणों में से कुछ टैग अप्रचलित हैं।
#ग्यारह) विशेषताओं के अलावा पिंग, चारसेट की शुरुआत की गई है।
# 12) गणितीय प्रतीकों के लिए बेहतर प्रतिनिधित्व किया जाता है मैथएमएल तत्वों की मदद से।
HTML बनाम HTML5 के बीच अंतर
नीचे HTML5 और HTML 4.01 के बीच अंतर है, जिसे आमतौर पर HTML कहा जाता है।
सीरीयल नम्बर। एचटीएमएल एचटीएमएल 5 । उपयोग में आसानी के साथ कम स्थिर। मोबाइल उपयोगकर्ताओं के उपयोग के लिए आसान। 1 कोड में गलत सिंटैक्स के लिए समर्थन प्रदान नहीं करता है। कोड में अनुचित सिंटैक्स को संभालने की दक्षता है। दो पृष्ठभूमि में चलाने के लिए जावास्क्रिप्ट का समर्थन करने में असमर्थ। जावास्क्रिप्ट पृष्ठभूमि में चला सकते हैं। ३ तीन सिद्धांत घोषणाओं अर्थात् सख्त, फ्रेम सेट, संक्रमणकालीन है। आसान सिद्धांत घोषणा:
४ ऑडियो और वीडियो चलाने के लिए फ़्लैश समर्थन आवश्यक है। , टैग्स ने ऑडियो, वीडियो और गेम्स के उपयोग का समर्थन किया। ५ HTML के साथ फ़्लैश, VML या सिल्वरलाइट वेक्टर ग्राफिक्स के उपयोग को सक्षम करता है। एसवीजी और कैनवास का समर्थन करता है। ६ सभी पुराने ब्राउज़रों पर चलता है। Chrome, Safari आदि के नवीनतम संस्करणों पर काम करता है। । सर्कल, आयत, वर्ग और जैसी आकृतियों को आकर्षित करना संभव नहीं है। सर्कल, आयत, वर्ग और जैसी आकृतियों को आकर्षित करना संभव है। ९ ब्राउज़र कैश अस्थायी भंडारण के रूप में उपयोग किया जाता है। SQL वेब डेटाबेस, एप्लिकेशन कैश और वेब स्टोरेज को स्टोरेज के लिए उपयोग किया जाता है। १० खींचें और ड्रॉप सुविधा प्रदान नहीं की गई है। ड्रैग एंड ड्रॉप फीचर दिया गया है। ग्यारह तत्परता और गति के मामले में डेवलपर्स के उपयोग के लिए ज्यादा अनुकूल नहीं है। तत्परता, गति और निष्पादन के मामले में डेवलपर्स के उपयोग के लिए अनुकूल है। १२ , कोडिंग करते समय टैग अनिवार्य हैं। , कोडिंग करते समय टैग को छोड़ा जा सकता है। १३ Div तत्व का बड़े पैमाने पर उपयोग किया जाता है जो सामग्री के बारे में कुछ भी नहीं बताता है। शीर्षक, पाद लेख, एक तरफ और इतने पर अर्थ अर्थ के साथ नए तत्वों को पेश किया गया है जो कोड को अधिक सार्थक और डिबग करने में आसान बनाता है। १४ विस्तृत वर्ण प्रकार एन्कोडिंग आसान चरित्र प्रकार एन्कोडिंग पंद्रह जियोलोकेशन विवरण प्राप्त करने की सुविधा उपयोगकर्ताओं के लिए उपलब्ध नहीं है। HTML जियोलोकेशन पर आधुनिक एपीआई उपयोगकर्ताओं के सटीक स्थान का विवरण प्रदान करता है। १६ कोड में टाइप और टैग की विशेषता अनिवार्य है। कोड में टाइप और टैग के लिए विशेषता छोड़ी जा सकती है। क्यों HTML5 डेवलपर्स के लिए HTML पर बढ़त है?
- जैसा कि पहले चर्चा की गई थी, डेवलपर्स को गति, तत्परता और निष्पादन के संदर्भ में एचटीएमएल 5 का उपयोग बहुत उपयुक्त लगता है। यह कोड में लगातार त्रुटि से निपटने की सुविधा प्रदान करता है, जो डेवलपर्स के लिए बहुत सारे संसाधनों को बचाता है।
- के साथ नए तत्व अर्थ संबंधी अर्थ हेडर, फुटर, एक तरफ और इतने पर पेश किया गया है जो कोड को अधिक सार्थक और डिबग करने में आसान बनाता है।
- फॉर्म विकसित करते समय, ऑटोफोकस जैसी विशेषताओं का आमतौर पर उपयोग किया जाता है और यह बहुत उपयोगी साबित होता है। पृष्ठ लोड होने के दौरान, हम दस्तावेज़ पर पहले क्षेत्र के अलावा किसी भी क्षेत्र पर ध्यान केंद्रित करने के लिए ऑटोफोकस विशेषता का उपयोग कर सकते हैं।
- एचटीएमएल 5 का स्थानीय संग्रहण ऑब्जेक्ट डेवलपर्स को कुकीज़ से छुटकारा पाने में मदद करता है जहां भंडारण की सीमा छोटी है और सुरक्षित नहीं है।
- सिद्धांत और चरित्र एन्कोडिंग को सरल बनाया जाता है।
- प्रकार कोड में टैग के लिए विशेषता छोड़ी जा सकती है ।
- , कोडिंग करते समय टैग को छोड़ा जा सकता है।
- मोबाइल और डेस्कटॉप अनुप्रयोगों में बेहतर वेब संचार के लिए आकृतियों और / तत्व के लिए ड्राइंग।
अंतिम उपयोगकर्ताओं के लिए HTML5 के लाभ
- यह है मोबाइल के अनुकूल और आसान उपयोग करने के लिए। मोबाइल अब एक दुर्लभ परिदृश्य को क्रैश करता है।
- ऑडियो, वीडियो और गेम के लिए अतिरिक्त प्लगइन्स और सॉफ़्टवेयर स्थापित करने की आवश्यकता नहीं है। उपयोगकर्ता अनुभव कर सकते हैं लाइव सामग्री की त्वरित प्रतिक्रिया वेबपेज पर।
- जानकारी को भविष्य के लिए उपयोगकर्ता के उपकरण में संग्रहीत किया जा सकता है और इसलिए ऐप्स इसमें भी कार्य करते हैं ऑफ़लाइन मोड।
- वेबपेजों में रंगों, रंगों, ग्रेडिएंट्स और विभिन्न प्रकार के फ़ॉन्ट की अधिक ऊर्जावान सीमा होती है।
HTML5 के नुकसान
यद्यपि HTML5 के डेवलपर्स और अंतिम उपयोगकर्ताओं के संबंध में कई लाभ हैं, यह कुछ नुकसान भी देता है।
यहां उनमें से कुछ हैं:
- केवल आधुनिक दिन ब्राउज़र HTML5 का समर्थन कर सकते हैं।
- यद्यपि एचटीएमएल 5 को एक स्थिर और सिद्ध भाषा माना जाता है, यह अभी भी विकास के चरण में है और इसलिए इसकी विशेषताएं भविष्य में बदल सकती हैं जिसमें काफी पुनरावृत्ति हो सकती है।
निष्कर्ष
हमने HTML बनाम HTML5 के बीच के अंतर को विस्तार से सीखा है। HTML5 सभी के लिए सुधारों और लाभों की एक विस्तृत श्रृंखला के साथ आया है। वर्ल्ड वाइड वेब ने संकेत दिया है कि HTML5 के नवीनतम अपडेट गोपनीयता टूल के साथ काम करेंगे।
अनुशंसित पढ़ना = >> व्यापक HTML धोखा शीट
वेब विकास और परीक्षण में कैरियर बनाने वाले किसी को भी HTML5 का ज्ञान होना चाहिए। इसने उन अंतरालों को पाट दिया है जो HTML के पुराने संस्करणों में थे। शब्दार्थ तत्व, नए टैग / विशेषताएँ / एपीआई, त्रुटि से निपटने, मल्टीमीडिया, और वेब अन्तरक्रियाशीलता HTML5 के कुछ मुख्य आकर्षण हैं।
चूंकि HTML5 अभी भी विकास में है, इसलिए हमें बहुत अधिक लाभ मिलने की उम्मीद है और साथ ही, कुछ मौजूदा सुविधाएँ बदल सकती हैं। HTML 5 वास्तव में HTML के अन्य पिछले संस्करणों से विकसित हुआ है जिनकी हमने यहां चर्चा की है।
पठन पाठन = >> एचटीएमएल 5 बनाम फ्लैश
पठन पाठन = >> PHP बनाम HTML
हमें उम्मीद है कि इस ट्यूटोरियल ने आपके HTML5 और HTML के ज्ञान को बढ़ा दिया है।
अनुशंसित पाठ
- शीर्ष 35 एचटीएमएल 5 साक्षात्कार प्रश्न और उत्तर
- डेस्कटॉप, क्लाइंट सर्वर परीक्षण और वेब परीक्षण के बीच अंतर
- लोडरनर और प्रदर्शन केंद्र के बीच अंतर
- SIT Vs UAT टेस्टिंग में क्या अंतर है?
- कोणीय संस्करणों के बीच अंतर: कोणीय बनाम एंगुलरजेएस
- सॉफ्टवेयर टेस्टिंग बेसिक्स के बीच 101 अंतर
- गुणवत्ता आश्वासन और गुणवत्ता नियंत्रण (क्यूए बनाम क्यूसी) के बीच अंतर
- मोडेम बनाम राउटर: सटीक अंतर को जानें
