एचटीएमएल, वेब की दस्तावेज़ लेयर है. यह वेब पेजों को काम का बनाने के लिए ज़रूरी स्ट्रक्चर और कॉन्टेंट उपलब्ध कराती है. यहां पर आपको एचटीएमएल का कॉन्टेंट, जैसे कि कोर्स, लेख, कलेक्शन, और अन्य काम की कुछ जानकारी मिल सकती है. इससे आपको वेब के इस अहम हिस्से के बारे में अपनी जानकारी बढ़ाने में मदद मिलती है.
क्या आपको एचटीएमएल के बारे में ज़्यादा नहीं पता? हमने एक खास कोर्स तैयार किया है, जिसमें इस बारे में पूरी जानकारी दी गई है.
एचटीएमएल के खास विषयों के बारे में ज़्यादा जानने के लिए, ये अन्य कोर्स देखें.
सभी मुख्य ब्राउज़र इंजन में हाल ही में उपलब्ध नई एचटीएमएल सुविधाओं के बारे में जानें.
ज़्यादा ऐक्सेस किए जा सकने वाले वेब ऐप्लिकेशन बनाने में मदद पाने के लिए, एचटीएमएल पैटर्न और कॉन्सेप्ट सीखें.
अपने वेब ऐप्लिकेशन को तेज़ बनाने के लिए, एचटीएमएल पर आधारित कॉन्सेप्ट और पैटर्न के बारे में जानें.
अपने वेब ऐप्लिकेशन में एचटीएमएल और डीओएम को डीबग करने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका जानें.
कोर्स

अगर आपने एचटीएमएल का इस्तेमाल पहले नहीं किया है, तो हम आपको सभी सुविधाएं उपलब्ध कराएंगे. एचटीएमएल सीखें कोर्स में, एचटीएमएल के काम करने के तरीके के बारे में बुनियादी जानकारी दी गई है. जैसे, स्ट्रक्चर से जुड़ी समस्याएं, मेटाडेटा, सेमेटिक्स, और अन्य विषय. इनसे आपको अपनी स्किल बेहतर बनाने में मदद मिलेगी.

अगर आपको एचटीएमएल के बारे में ज़्यादा जानना है, तो इन दूसरे कोर्स में आपको ज़्यादा बेहतर विषयों के बारे में बताया जाएगा. इन विषयों का इस्तेमाल करके, अपने वेब ऐप्लिकेशन को बेहतर बनाया जा सकता है.

एचटीएमएल फ़ॉर्म की मदद से, उपयोगकर्ता आपके वेब ऐप्लिकेशन में इनपुट दे सकते हैं. इस कोर्स में, आपको एचटीएमएल फ़ॉर्म का असरदार तरीके से इस्तेमाल करने के बारे में पूरी जानकारी मिलेगी.
वेब पर इमेज का आम तौर पर इस्तेमाल किया जाता है. हालांकि, img एलिमेंट का इस्तेमाल करने के अलावा, इमेज के इस्तेमाल के और भी तरीके हैं. इस कोर्स में, वेब पर इमेज इस्तेमाल करने के बारे में पूरी जानकारी दी गई है.
वेब प्लैटफ़ॉर्म के सभी हिस्सों को ऐक्सेस किया जा सकता है. हालांकि, वेब ऐप्लिकेशन को ऐक्सेस करने के लिए, एचटीएमएल को ऐक्सेस करने की सुविधा देना ज़रूरी है. इस कोर्स में, ऐक्सेस किए जा सकने वाले मार्कअप लिखने के बारे में पूरी जानकारी दी गई है.

बेसलाइन, वेब डेवलपर को यह सिग्नल देता है कि वेब प्लैटफ़ॉर्म की सुविधाओं का इस्तेमाल, सभी मुख्य ब्राउज़र इंजन में सुरक्षित तरीके से किया जा सकता है. यहां एचटीएमएल की कुछ ऐसी सुविधाएं दी गई हैं जो अब बेसलाइन के तौर पर उपलब्ध हैं.

साल 2024 में, डिक्लेरेटिव शैडो DOM को बेसलाइन के तौर पर उपलब्ध कराया गया.
Popover API, साल 2024 में बेसलाइन के तौर पर उपलब्ध हुआ.
inert एट्रिब्यूट, 2023 में बेसलाइन न्यूली उपलब्ध हुआ.
साल 2023 में, iframe के लेज़ी-लोडिंग ऐप्लिकेशन को Baseline Newly लॉन्च किया गया.

एचटीएमएल, सुलभ वेब ऐप्लिकेशन बनाने का बुनियादी हिस्सा है. इस सेक्शन में आपको लेख और संसाधन मिलेंगे. इनसे, आपको एचटीएमएल का इस्तेमाल करके, सुलभ वेब ऐप्लिकेशन बनाने के तरीके के बारे में ज़्यादा जानने में मदद मिलेगी.

हेडिंग और लैंडमार्क के लिए सही एलिमेंट का इस्तेमाल करके, सहायक तकनीक का इस्तेमाल करने वाले लोगों के लिए नेविगेशन का अनुभव बेहतर बनाया जा सकता है.
सही सिमेंटिक एचटीएमएल एलिमेंट का इस्तेमाल करके, कीबोर्ड से ऐक्सेस करने की ज़्यादातर या सभी ज़रूरतों को पूरा किया जा सकता है. इसका मतलब है कि Tabindex के साथ समय बिताने में भी कम समय लगता है और उपयोगकर्ता ज़्यादा खुश रहते हैं!
कुछ लोगों को कुछ समय के लिए और कुछ को हमेशा के लिए, हिलने-डुलने और चलने-फिरने में दिक्कत होती है. ऐसे में, वे ऐप्लिकेशन को बेहतर तरीके से नेविगेट करने के लिए, कीबोर्ड शॉर्टकट का इस्तेमाल करते हैं. अपने ऐप्लिकेशन के लिए कीबोर्ड नेविगेशन की अच्छी रणनीति बनाने से, सभी को बेहतर अनुभव मिलता है.
स्क्रीन रीडर, उपयोगकर्ता को बोलकर सुनाए जाने वाले यूज़र इंटरफ़ेस को तब ही दिखा सकता है, जब काम के एलिमेंट के लिए सही लेबल या टेक्स्ट के विकल्प मौजूद हों. लेबल या टेक्स्ट विकल्प, किसी एलिमेंट को ऐक्सेस किया जा सकने वाला नाम देता है. यह सुलभता ट्री में एलिमेंट के सेमेंटेक्स को दिखाने वाली मुख्य प्रॉपर्टी में से एक है.

एचटीएमएल का इस्तेमाल करने का तरीका, आपके वेब ऐप्लिकेशन की परफ़ॉर्मेंस पर असर डाल सकता है. इस सेक्शन में आपको लेख और संसाधन मिलेंगे. इनसे आपको अपने वेब ऐप्लिकेशन को तेज़ बनाने के लिए, एचटीएमएल का इस्तेमाल करने के तरीके के बारे में ज़्यादा जानने में मदद मिलेगी.

ब्राउज़र प्रीलोड स्कैनर, एचटीएमएल का एक खास पार्सर है. इसका इस्तेमाल करके, ब्राउज़र रिसॉर्स को सामान्य तौर पर लोड होने से पहले ही लोड कर लेता है. जानें कि यह वेब ऐप्लिकेशन की परफ़ॉर्मेंस को कैसे बेहतर बनाता है. साथ ही, यह भी जानें कि इससे कैसे बचा जा सकता है.
फ़ेच प्रायॉरिटी एपीआई, ब्राउज़र को रिसॉर्स की प्राथमिकता बताने के लिए, fetchpriority एचटीएमएल एट्रिब्यूट का इस्तेमाल करता है. इससे पेज को बेहतर तरीके से लोड करने में मदद मिलती है. साथ ही, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को बेहतर बनाया जा सकता है.
रिसॉर्स प्रीलोड करने की तकनीक, एचटीएमएल link एलिमेंट का इस्तेमाल करके ब्राउज़र को बताती है कि किसी रिसॉर्स की ज़रूरत पड़ने से पहले उसे फ़ेच कर लें. इस गाइड में, अपने वेब ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर बनाने के लिए, इसके इस्तेमाल का तरीका जानें.
किसी पेज के शुरुआती लोड होने के दौरान, बैंडविथ को बनाए रखने के लिए, लेज़ी लोडिंग इमेज एक असरदार तकनीक है. इस गाइड में, इमेज को धीरे-धीरे लोड करने के लिए, एचटीएमएल loading का इस्तेमाल करने का तरीका बताया गया है.

Chrome DevTools, डेवलपर के लिए टूल का एक सुइट है. इसकी मदद से, वेब ऐप्लिकेशन को डीबग किया जा सकता है. यहां कुछ टूल सुझाए गए हैं. इनका इस्तेमाल करके, अपने वेब ऐप्लिकेशन में पेज के एचटीएमएल और डीओएम को डीबग करने के साथ-साथ, मिलते-जुलते दूसरे कॉन्सेप्ट को भी डीबग किया जा सकता है.

DevTools में एलिमेंट पैनल होता है. इसकी मदद से, अपने वेब ऐप्लिकेशन के DOM को देखा जा सकता है, उसमें बदलाव किया जा सकता है, और उसे डीबग किया जा सकता है. एलिमेंट पैनल का इस्तेमाल शुरू करने के लिए, यह गाइड पढ़ें.
DevTools के एलिमेंट पैनल की मदद से, JavaScript से ट्रिगर किए गए डीओएम में होने वाले बदलावों को देखा जा सकता है. अपने वेब ऐप्लिकेशन के DOM में किए गए बदलावों को डीबग करने के लिए, इस सुविधा का इस्तेमाल करने का तरीका जानें.
कवरेज पैनल, आपके वेब ऐप्लिकेशन के एचटीएमएल से लोड किए गए, इस्तेमाल न किए गए सीएसएस और JavaScript कोड को ढूंढने के लिए एक काम का टूल है. इस गाइड में, इसका इस्तेमाल करने का तरीका बताया गया है. साथ ही, यह भी बताया गया है कि यह आपके वेब ऐप्लिकेशन की परफ़ॉर्मेंस को कैसे बेहतर बना सकता है.