HTML गुणधर्म

पिछले सत्र में आपने सीखा कि तत्व टैग और कंटेंट से बनते हैं। attributes उन टैगों को अतिरिक्त जानकारी देते हैं। attributes के बिना कई तत्व अपना असली काम नहीं कर सकते — लिंक को पता चाहिए और छवि को फ़ाइल पथ।

HTML attribute क्या है?

HTML attribute एक नाम और मान है जो तत्व के प्रारंभ टैग के अंदर रहता है। यह ब्राउज़र को उस तत्व के बारे में कुछ बताता है जो टैगों के बीच का दिखाई देने वाला टेक्स्ट नहीं है।

सीधा उत्तर

attributes का सरल पैटर्न है: name="value"। वे खोलने वाले टैग में, बंद > से पहले आते हैं। आम उदाहरण: लिंक के लिए href और छवियों के लिए src तथा alt। अगले सत्र attributes का अक्सर उपयोग करेंगे; पैटर्न एक बार यहाँ सीखें।

उदाहरण पढ़ना

• लिंक पर href गंतव्य URL रखता है
• दिखाई देने वाला लिंक टेक्स्ट अभी भी <a> और </a> के बीच का कंटेंट है
• छवि पर src छवि फ़ाइल की ओर इशारा करता है
• alt वैकल्पिक टेक्स्ट देता है जब छवि लोड न हो या पहुँचयोग्यता के लिए
• दोनों attributes प्रारंभ टैग के अंदर हैं

याद रखने योग्य सिंटैक्स नियम

1. attributes केवल प्रारंभ टैग में रखें — अंत टैग में नहीं
2. attribute नाम को मान से = से अलग करें
3. अधिकांश मानों को उद्धरण में रखें: href="https://example.com"
4. एक ही प्रारंभ टैग में एक से अधिक attribute स्पेस से अलग रख सकते हैं
5. आधुनिक HTML में attribute नाम आमतौर पर छोटे अक्षरों में लिखे जाते हैं

यहाँ href पता सेट करता है और title अतिरिक्त सलाह टेक्स्ट दे सकता है (अक्सर डेस्कटॉप ब्राउज़र में tooltip)। हर टैग पर हर वैकल्पिक attribute ज़रूरी नहीं — तत्व को जो चाहिए वही उपयोग करें।

attributes बनाम कंटेंट

कंटेंट प्रारंभ और अंत टैग के बीच होता है, जैसे पैराग्राफ के शब्द। attributes प्रारंभ टैग पर रहते हैं और तत्व को कॉन्फ़िगर करते हैं। मिला देने से बग बनते हैं: केवल लिंक टेक्स्ट में URL रखने से काम करने वाला लिंक नहीं बनता; URL href में आता है।

खाली तत्वों पर नोट

img जैसे खाली तत्व अभी भी attributes उपयोग करते हैं, भले अलग अंत टैग न हो। यह सामान्य है: attributes तत्व का वर्णन करते हैं; वे लपेटा कंटेंट नहीं हैं।

स्वयं आज़माएँ

1. संपादक में एक बेसिक HTML पेज खोलें
2. वास्तविक या उदाहरण URL के साथ href attribute वाला लिंक जोड़ें
3. src और अर्थपूर्ण alt के साथ img जोड़ें (अभ्यास पथ या सिंटैक्स सीखने के लिए अस्थायी नाम)
4. सहेजें और ब्राउज़र में पेज खोलें
5. लिंक पर क्लिक करें और स्रोत में जाँचें कि छवि मार्कअप मौजूद है भले फ़ाइल गायब हो

आम गलतियाँ

• बंद टैग पर attributes लिखना
• ज़रूरी मानों के चारों ओर उद्धरण भूलना
• गलत attribute उपयोग (जैसे लिंक पर href की जगह src में URL)
• सूचनात्मक छवियों पर alt खाली छोड़ना
• मानना कि attribute टेक्स्ट हमेशा दिखाई देने वाला पेज कंटेंट है — कई व्यवहार या पहुँचयोग्यता सेट करते हैं

सारांश

• attributes प्रारंभ टैग के अंदर अतिरिक्त जानकारी जोड़ते हैं
• सामान्य रूप name="value" है
• लिंक को href चाहिए; छवियों को अक्सर src और alt
• कंटेंट टैगों के बीच है; attributes टैग कॉन्फ़िगर करते हैं
• एक प्रारंभ टैग पर कई attributes जोड़ सकते हैं
• बाद के पाठ शीर्षक, फ़ॉर्म, मीडिया आदि के लिए यही पैटर्न दोहराते हैं