HTML क्या है और यह वेबसाइट पर क्या करता है?

HTML वह भाषा है जो हर वेबपेज को उसका स्ट्रक्चर देती है। जानें HTML क्या है, कैसे काम करता है और बिज़नेस मालिक के तौर पर आपकी वेबसाइट के लिए इसका क्या मतलब है।

हर वेबसाइट के पीछे एक भाषा है जो यह सब मुमकिन बनाती है। ऐसी प्रोग्रामिंग भाषा नहीं जो सिर्फ़ डेवलपर समझते हैं, बल्कि एक सीधी, पढ़ने लायक भाषा, जो इंटरनेट की शुरुआत से उसकी रीढ़ रही है। आपने जो भी पेज लोड किया, ऑनलाइन जो भी लेख पढ़ा, जो भी प्रोडक्ट पेज देखा, सबकी शुरुआत इसी एक भाषा से होती है।

वह भाषा HTML है। आपने जो भी वेबपेज देखा है, वह इसी से बना है। सबसे ऊपर की हेडिंग, उसके नीचे का टेक्स्ट, बगल की इमेज, नीचे का बटन, सब HTML है। यह इंटरनेट की हर वेबसाइट की शुरुआत है, और यह समझने से कि यह क्या करता है, आपको अपनी वेबसाइट के काम करने के तरीक़े की ज़्यादा साफ़ तस्वीर मिलती है।

वेबसाइट रखने के लिए आपको HTML लिखना नहीं आना चाहिए, ऐसा नहीं है। आधुनिक वेबसाइट बिल्डर यह सब आपके लिए संभाल लेते हैं। लेकिन HTML क्या है और इसकी क्या भूमिका है, यह जानने से आप अपनी वेबसाइट के बारे में बेहतर फ़ैसले ले पाते हैं और डिज़ाइनर या डेवलपर के साथ काम करते समय ज़्यादा साफ़ बात कर पाते हैं।

HTML का फ़ुल फ़ॉर्म क्या है?

HTML का मतलब है HyperText Markup Language। इस नाम का हर हिस्सा बताता है कि यह क्या करता है।

HyperText का मतलब है ऐसा टेक्स्ट जो दूसरे कंटेंट से जुड़ा हो। पेजों के बीच के लिंक ही वेब को वेब बनाते हैं: आप एक पेज से दूसरे पर इसलिए जा पाते हैं क्योंकि HTML हाइपरलिंक सपोर्ट करता है। Markup का मतलब है कि यह भाषा कंटेंट के टुकड़ों पर टैग लगाकर उन्हें मार्क या लेबल करती है, ताकि ब्राउज़र को पता चले कि उनका क्या करना है। Language का मतलब है कि यह नियमों और सिंटैक्स के एक तय सेट का पालन करती है।

HTML किसलिए इस्तेमाल होता है?

HTML वेबपेज का स्ट्रक्चर तय करने के लिए इस्तेमाल होता है। यह ब्राउज़र को बताता है कि कंटेंट का हर हिस्सा क्या है। क्या यह हेडिंग है? क्या यह पैराग्राफ़ है? क्या यह लिस्ट है? क्या यह इमेज है? क्या यह लिंक है? HTML इन सब सवालों के जवाब टैग से देता है।

टैग एक लेबल है जो ऐंगल ब्रैकेट में लिपटा होता है। HTML में हेडिंग कुछ ऐसी दिख सकती है: "हमारे बारे में" शब्द हेडिंग टैग में लिपटा हुआ। ब्राउज़र उस टैग को पढ़ता है, समझ जाता है कि यह हेडिंग है और उसी तरह दिखाता है। यही पेज के हर एलिमेंट पर लागू होता है। HTML यह तय नहीं करता कि चीज़ें कैसी दिखेंगी, बस यह तय करता है कि वे क्या हैं।

HTML क्या नहीं करता

HTML वेबपेज को स्ट्रक्चर देता है, लेकिन वह यह तय नहीं करता कि पेज कैसा दिखेगा या कैसे बर्ताव करेगा। यहीं दो और भाषाएँ आती हैं।

CSS दिखावट तय करता है: रंग, फ़ॉन्ट, स्पेसिंग, लेआउट और साइज़। CSS के बिना HTML पेज बिना स्टाइल का सादा टेक्स्ट होगा। JavaScript बर्ताव तय करता है: बटन क्लिक करने पर क्या होता है, फ़ॉर्म की जाँच कैसे होती है, पेज रीफ़्रेश किए बिना कंटेंट कैसे लोड होता है। HTML, CSS और JavaScript मिलकर वे तीन परतें बनाते हैं जिन पर हर वेबपेज बना है। HTML नींव है। अगले चैप्टर में CSS क्या करता है और JavaScript क्या करता है पढ़ें।

ब्राउज़र HTML का इस्तेमाल कैसे करता है?

जब आप किसी वेबसाइट पर जाते हैं, तो ब्राउज़र उस पेज की HTML फ़ाइल डाउनलोड करता है। वह फ़ाइल को ऊपर से नीचे तक पढ़ता है और DOM बनाता है, जो पेज के सभी एलिमेंट और उनके आपसी रिश्ते का एक मॉडल है। फिर वह उन एलिमेंट को स्टाइल करने के लिए CSS लगाता है और इंटरैक्टिविटी जोड़ने के लिए JavaScript चलाता है। स्क्रीन पर जो दिखता है, वह इन तीनों के साथ काम करने का नतीजा है।

ब्राउज़र सबसे पहले HTML पढ़ता है। अगर HTML साफ़ और अच्छे स्ट्रक्चर वाला है, तो ब्राउज़र उसे तेज़ी से प्रोसेस करके पेज ज़्यादा कुशलता से दिखा सकता है। यह सीधे वेबसाइट की स्पीड से जुड़ा है। फूला हुआ या ख़राब लिखा HTML हर पेज पर वज़न बढ़ाता है और विज़िटर को आपका कंटेंट दिखने की रफ़्तार घटाता है।

बिज़नेस मालिक के तौर पर आपके लिए इसका क्या मतलब है?

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

साफ़ HTML तेज़ लोड होता है। सिमैंटिक HTML, यानी ऐसा HTML जो सही लेबल करे कि कंटेंट का हर हिस्सा क्या है, सर्च इंजन को आपके पेज समझने में मदद करता है। हेडिंग के रूप में मार्क की गई हेडिंग का सर्च रिज़ल्ट में उस हेडिंग से ज़्यादा वज़न होता है जिसे बस बड़ा दिखाने के लिए स्टाइल किया गया हो। अच्छे प्लेटफ़ॉर्म पर बनाने से ये बारीकियाँ अपने आप संभल जाती हैं। WEMASY का वेबसाइट बिल्डर पर्दे के पीछे अच्छे स्ट्रक्चर वाला HTML बनाता है, इसलिए आपके पेज शुरू से स्पीड और सर्च, दोनों के लिए बने होते हैं।

अक्सर पूछे जाने वाले सवाल