Blog

History and evolution of HTML In Hindi

स्टैटिक और डायनामिक वेब डेवलपमेंट में एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वर्ल्ड वाइड वेब सिस्टम पर वेब डाटा और कंटेंट को प्रॉपर लेआउट में स्ट्रक्चर या ग्राफिकल आर्डर में रिप्रेजेंट करने के लिए यूज़ होने वाली एक पॉपुलर स्टैंडर्ड मार्कअप लैंग्वेज है। एचटीएमएल स्क्रिप्ट, वेब कंटेंट और वेब एलिमेंट डाटा को मल्टीप्ल ब्लॉक में डिफाइन कलेक्शन से लेकर मॉडर्न, इंटरैक्टिव, मल्टीमीडिया, बेस्ड इ-कॉमर्स वेबसाइट्स डेवलप करने के लिए एक कॉम्प्रिहेंसिव स्टैंडर्ड स्क्रिप्ट बन गई है।

The Origin of HTML Web Development Scripts – 1989.

एचटीएमएल वेब डेवलपमेंट स्क्रिप्ट की स्टार्टिंग स्विट्जरलैंड में CERN दुनिया की सबसे बड़ी लाइब्रेरी में काम करने वाले एक ब्रिटिश कंप्यूटर साइंटिस्ट टिम बर्नर्स-ली ने की थी।

वर्ष 1989 में, टीम बर्नर्स-ली ने इंटरनेट का यूज़ करके अपनी टीम रिसर्चर्स के बीच डाटा और इनफार्मेशन को मल्टीप्ल डिवाइस या सिस्टम के बीच शेयर करने के लिए एक परफेक्ट डेडिकेटेड सिस्टम प्रपोज़ किया। जिसमे टीम बर्नर्स-ली ने मुख्य आइडिया में तीन इम्पोर्टेन्ट टेक्नोलॉजीज़ को मर्ज किया था.

• HTML – इसे एचटीएमएल वेब डेवेलपमेंट में डाटा या डॉक्यूमेंट्स को प्रॉपर स्ट्रक्चर करने के लिए इसे यूज़ और अप्लाई किया गया.
• HTTP – लोकल या ग्लोबल कंप्यूटर्स के बीच डाटा डॉक्यूमेंट्स और इनफार्मेशन को ट्रांसफर करने के लिए HTTP इंटरनेट प्रोटोकॉल को यूज़ किया गया.
• URL – वर्ल्ड वाइड वेब सिस्टम में html बेस्ड डिज़ाइन वेबपेज या वेबसाइट डॉक्यूमेंट्स को पहचानने और लोकेट करने के लिए वेबसाइट यूआरएल पाथ को यूज़ किया गया.

HTML 1.0 Version – Early 1990s.

एचटीएमएल वेब डेवलपमेंट का फर्स्ट इनिशियल वर्जन 1991–1992 के समय डिज़ाइन और डेवलप किया गया था। यह एचटीएमएल वर्जन बहुत इजी था, और इसे स्पेशली आर्डर में टेक्स्ट-बेस्ड डॉक्यूमेंट्स इनफार्मेशन को शेयर और मैनेज करने के लिए डिज़ाइन और डेवलप किया गया था।

The initial HTML 1.0 version included these basic elements.

• Headings tag.
• Paragraph tag.
• Lists tag.
• Hyperlinks tag.
• Simple document structure tag.

HTML 1.0 वर्जन में सबसे ज़रूरी फ़ीचर्स में से एक टेक्स्ट बेस्ड हाइपरलिंक टैग था, जिससे वेब यूज़र्स एक वेबपेज डॉक्यूमेंट से दूसरे डॉक्यूमेंट को इजी लिंक कर सकते थे।

HTML 1.0 hyperlink example.

<a href=”home.html”>Click link to Home page</a>

यह वेबपेज डॉक्यूमेंट कंटेट लिंकिंग कैपेबिलिटी वर्ल्ड वाइड वेब सिस्टम के आइडिया में से एक इम्पोर्टेन्ट फीचर था।

HTML 2.0 version – 1995.

जैसे-जैसे वर्ल्ड वाइड वेब सिस्टम अधिक यूज़फुल और पॉपुलर होता गया, उसके बाद दुनिया को एक फ़ॉर्मल HTML 2.0 वर्जन स्टैंडर्ड की आवश्यकता महसूस हुई।

वर्ष 1995 में, HTML 2.0 वर्जन को इंटरनेट इंजीनियरिंग टास्क फ़ोर्स (IETF) के माध्यम से एक इंटरनेट स्टैंडर्ड के रूप में पब्लिश किया गया था।

HTML 2.0 version introduced or standardized some of these important features.

• Forms tag.
• Text input tag.
• Buttons tag.
• Checkboxes tag.
• Radio buttons tag.
• Basic tables and document structure tags.

वर्ल्ड वाइड वेब सिस्टम में फ़ॉर्म्स टैग फीचर ने किसी भी वेबसाइट वेबपेज के लिए वेब विजिटर यूज़र्स से डाटा और इनफार्मेशन को कलेक्ट और मैनेज करना इजी किया।

HTML 3.2 version – 1997.

वर्ष 1997 में जैसे-जैसे वेबपेज वेबसाइटें अधिक इम्प्रूव डिज़ाइन डेवलप होती गईं, पॉपुलर क्लाइंट वेब ब्राउज़र सॉफ्टवेयर ने और भी नए फ़ीचर्स और फंक्शन को सपोर्ट करना स्टार्ट कर दिया।

वर्ष 1997 में, वर्ल्ड वाइड वेब कंसोर्टियम (W3C) ने ऑफिशियली HTML 3.2 वर्जन को ग्लोबली पब्लिश किया।

Support for these features was added in HTML 3.2.

• Tables tag.
• Applets tag.
• Text formatting tag.
• Improved support for image tags.
• More presentation elements tags.

वर्ष 1997 के समय में, वेब डेवलपर डिज़ाइनर एक सिंपल बोरिंग वेबपेज के अपीयरेंस और बिहैवियर को कंट्रोल करना चाहते थे. जिससे सीएसएस (कैस्केडिंग स्टाइल शीट्स) का डेवलपमेंट और यूज़ स्टार्ट हुआ।

HTML 4.0 version – 1997.

वर्ष 1997 के बाद में, W3C ने ग्लोबली HTML 4.0 वर्जन को पब्लिश किया। यह HTML वर्जन के विकास में एक इम्पोर्टेन्ट स्टेप था, क्योंकि HTML 4.0 वर्जन ने इनके बीच साफ़ तौर पर कुछ डिफ्रेंस को बढ़ावा दिया।

• Content and Structure→ एचटीएमएल वेब डेवलपमेंट स्क्रिप्ट से वेबपेज लेआउट स्ट्रक्चर को बनाया गया.
• Presentation and Appearance → सीएसएस ने एचटीएमएल बेस्ड वेबपेज के अपीयरेंस और बिहैवियर को इम्प्रूव किया।

HTML 4.0 वर्जन ने कई इम्पोर्टेन्ट वेब डेवलपमेंट कैपेबिलिटी और फीचर्स को पेश किया और उन्हें जरूरत के अनुसार स्टैंडर्ड बनाया।

These primarily include

• Frames tags.
• Scripting support tags.
• Improved form tags.
• Improved tables tags.
• Internationalization
• Improved accessibility tags.

HTML 4 वर्जन ने मौजूदा वेब डेवलपर्स को विज़ुअल वेब प्रेजेंटेशन बिहैवियर को कंट्रोल और मैनेज करने के लिए एचटीएमएल एट्रिब्यूट्स के बदले सीएसएस स्क्रिप्ट का यूज़ करने के लिए भी फाॅर्स किया।

HTML 4.01 Version – 1999

वर्ष 1999 में, HTML 4.01 वर्जन को HTML 4.0 के नए अपडेटेड रिविज़न के रूप में रिलीज़ किया गया था।

इसने HTML 4 वर्जन की कुछ मिस्टेक्स को इम्प्रूव किया और एचटीएमएल स्क्रिप्ट स्पेसिफिकेशन के कुछ एलिमेंट पोरशन को क्लियर और इम्प्रूव किया।

HTML 4.01 वर्जन कई सालों तक लार्ज लेवल पर यूज़ होता रहा और शुरुआती वर्ल्ड वाइड वेब सिस्टम में वेब डेवलपमेंट के लिए एक इम्पोर्टेन्ट फाउंडेशन बन गया।

XHTML Version – 2000.

वर्ष 2000 में, पहली बार वर्ल्ड वाइड वेब सिस्टम के लिए XHTML 1.0 वर्जन को पेश किया गया था। जहा XHTML, HTML 4.01 वर्जन पर टोटली डिपेंड था. लेकिन यह XML स्क्रिप्ट से लिए कुछ स्ट्रिक्ट रूल्स एंड रेगुलेशन को अप्लाई करता था।

जैसे, XHTML वर्जन के लिए वेब एलिमेंट्स को प्रॉपर आर्डर में नेस्ट करना ज़रूरी था, और सामान्य रूप से स्ट्रिक्ट सिंटैक्स की आवश्यकता होती थी।

XHTML Example with HTML.

<p>Lets learn <b>Html 5.0 Script </b></p>

यहाँ मौजूदा टैग में XHTML ने एक स्ट्रिक्ट, अच्छे से बने मार्कअप टैग को फाॅर्स किया।

XHTML का स्पेशल पर्पस वेब बेस्ड डॉक्यूमेंट्स को अधिक एक जैसा और सिस्टम डिवाइस मशीन से रीड करने लायक बनाना था। जिसकी, XHTML वर्जन ने डेली वेब डेवलपमेंट में ट्रेडिशनल HTML वर्जन को पूरी तरह से रिप्लेस नहीं किया।

Development of the HTML5 version.

आज के पॉपुलर HTML 5 वर्जन का इनिशियल डेवलपमेंट वर्ष 2000 के दशक के बीच में शुरू हुआ था।

HTML 5 वर्जन में एक बड़ा इम्पोर्टेन्ट इम्प्रोवेंमेंट तब हुआ, जब WHATWG व्हाट यू सी व्हाट यू गेट (वेब ​​हाइपरटेक्स्ट एप्लीकेशन टेक्नोलॉजी वर्किंग ग्रुप) ने 2004 में एचटीएमएल का एक नया वर्शन डेवलप करना स्टार्ट किया।

इनका मुख्य पर्पस था, एक मॉडर्न वेब एप्लीकेशन डेवेलोपमेंट की सभी आवश्यकताओ को कम्पलीट करना और एचटीएमएल स्क्रिप्ट के वर्त्तमान सपोर्ट को इम्प्रूव करना था.

• Multimedia support.
• Graphics support.
• Web application support.
• Semantics support.
• Interactive content support.
• The W3C subsequently did a lot of work on HTML 5.

HTML 5 version – 2014.

वर्ष 2014 में, W3C ने HTML5 वर्जन को एक लार्ज एचटीएमएल स्पेसिफिकेशन के रूप में पब्लिश किया।

इसके बाद HTML5 वर्जन ने और अन्य नए इम्पोर्टेन्ट फ़ीचर्स पेश किए।

Semantic elements in HTML 5 version.

HTML5 वर्जन ने कई ऐसे वेब एलिमेंट्स पेश किए, जो मौजूदा वेब कंटेंट के पर्पस को इंडीकेट करते हैं.

<header> tag.

<nav> tag.

<main> tag.

<section> tag.

<article> tag.

<aside> tag.

<footer> tag.

ये HTML5 वर्जन वेब एलिमेंट्स वेब डेवलपर्स, मौजूदा सर्च इंजन, और रिलेटेड टेक्नोलॉजी के लिए वेबपेज वेबसाइट को समझना और यूज़ करना इजी करते हैं।

HTML5 Multimedia Support.

HTML5 वर्जन ने किसी वेबपेज में ऑडियो और वीडियो एम्बेड सपोर्ट के लिए एक नेटिव सपोर्ट को पेश किया।

<audio controls>

<source src=”testsong.mp3″>

</audio>

<video controls>

<source src=”film.mp4″>

</video>

HTML5 वर्जन से पहले, अधिकतर वेबसाइट्स वेबपेज अक्सर मल्टीमीडिया सपोर्ट के लिए वेब ब्राउज़र प्लगइन्स पर टोटली डिपेंड होती थीं।

Canvas HTML5 Features.

HTML5 स्क्रिप्ट ने जावास्क्रिप्ट वेब डेवलपमेंट लैंग्वेज का यूज़ करके ग्राफिक्स डिज़ाइन डेवलप करने के लिए <canvas> एलिमेंट को पेश किया।

<canvas id=”testCanvas”></canvas>

The Canvas tag element can be used in web pages for.

• For game graphics.
• For chart patterns.
• For animation graphics.
• For image manipulation.
• For data visualization.

SVG HTML5 features.

HTML5 वर्जन, SVG (स्केलेबल वेक्टर ग्राफ़िक्स) के साथ प्रॉपर वर्क करता है, जिससे कि स्पेसिफिक हाई वेब रिज़ॉल्यूशन-इंडिपेंडेंट ग्राफ़िक्स डिज़ाइन बनाए जा सकें।

<svg width=”300″ height=”170″>

<circle cx=”140″ cy=”70″ r=”50″ fill=”teal”/>

</svg>

Improved HTML5 form features.

HTML5 वर्जन ने कुछ नए सिमेंटिक फॉर्म इनपुट टाइप टैग एलिमेंट पेश किए हैं. जैसे,

<input type=”email”>

<input type=”date”>

<input type=”number”>

<input type=”range”>

<input type=”search”>

इन नए फॉर्म टैग एलिमेंट से वेबपेज वेबसाइट फ़ॉर्म डिज़ाइन और डेवलप करना इजी हो जाता है, और इससे वेब ब्राउज़र-बेस्ड फॉर्म एलिमेंट वैलिडेशन इम्प्रूव होता है।

HTML Web Development Script as an Important Standard Update.

HTML5 वर्जन के बाद में एचटीएमएल स्क्रिप्ट के विकास में एक बड़ा बदलाव आया है।

HTML 5, HTML 6, और HTML 7 जैसे पूरी तरह से नए और अलग-अलग मल्टीप्ल वर्शन तय समय पर डेवलप करने के बदले, WHATWG ने HTML को लगातार अपडेट होने वाले लिविंग स्टैंडर्ड के तौर पर बनाए रखने के रूप में इसे कंटिन्यू किया।

इसका अर्थ है कि जैसे-जैसे नई वेब डेवेलोपमेंट ज़रूरतें होती हैं, मौजूदा एचटीएमएल वर्जन में लगातार डेवलोपमेंट या इम्प्रोवेंमेंट होता रहता है।

इस वजह से, मॉडर्न वेब डेवलपमेंट जरूरत के लिए एचटीएमएल नए वर्जन के बदले पुराने वर्जन पे निर्भर रहने के बजाय लगातार मौजूदा एचटीएमएल अपडेट के माध्यम से इसे विकसित किया जाता है।

A detailed timeline of the development of basic HTML versions.

The evolution of HTML web development scripts in simple terms.

The evolution of HTML can be described as follows.

Properly structured webpage → Multimedia group website → Interactive graphical web application → Modern advanced web platform

स्टार्टिंग में एचटीएमएल स्किप्ट का मुख्य रूप से यूज़ लोकल लेवल पर फाइल, डाटा, डॉक्यूमेंट, या डिजिटल इनफार्मेशन को शेयर करने में किया जाता था। आज के समय में मॉडर्न एचटीएमएल वर्जन को वेब एप्लीकेशन के लिए इम्पोर्टेन्ट सिमेंटिक वेब स्ट्रक्चर और क्षमताएं प्रोवाइड करने के लिए डिज़ाइन किया गया है।

Conclusion of the History and Evolution of HTML.

एचटीएमएल के शुरुआती समय में, डिजिटल वेबपेज डाटा डॉक्यूमेंट और इनफार्मेशन को शेयर करने के लिए डेवलप की गई एक अधिक इजी मार्कअप लैंग्वेज से मॉडर्न वेब डेवलपमेंट की एक बुनियादी टेक्नोलॉजी के रूप में पॉपुलर हो गई है। इसमें एचटीएमएल के शुरुआती वेब डेवलपर टिम बर्नर्स-ली के ओरिजिनल एचटीएमएल ने डॉक्यूमेंट्स को लिंक करने का एक जरूरी वेबपेज एलिमेंट लिंकिंग बेस प्रोवाइड किया, जबकि इसके बाद के एचटीएमएल वर्जन स्टैंडर्ड्स में टेबल्स, फॉर्म्स, मल्टीमीडिया, सिमेंटिक एलिमेंट्स, ग्राफिक्स, और एडवांस्ड वेब एप्लीकेशन्स के लिए इसमें सपोर्ट प्रोवाइड किया गया।

आज, HTML5 वर्जन को एक लिविंग स्टैंडर्ड वर्जन के रूप में मेंटेन और डेवलप किया जाता है, जिससे मौजूदा HTML5 वर्जन कंटिन्यू नई टेक्नोलॉजी और वेब डेवलपमेंट आवश्यकताओं के अनुसार मैनेज हो पाता है। एचटीएमएल सीएसएस और जावास्क्रिप्ट के साथ मिलकर आज के मॉडर्न वेब डेवलपमेंट में यूज़ होने वाली तीन कोर टेक्नोलॉजी को बनाता है।