HTML5 Attributes टैग्स के साथ जुड़े होते है |

HTML5 Attributes का इस्तेमाल करके हम किसी एलिमेंट पर विशेष प्रॉपर्टी सेट कर सकते है जैसे width, height, style इत्यादि |

इन्हे एंगल ब्रैकेट सेट के अंदर टैग के नाम के बाद लिखा जाता है।  एक टैग के अंदर आप जितने चाहे उतने attributes दे सकते है। ये attributes कुछ इस तरह दिखाई देते है…

<img src="image_url_here" width="300px" height="150px" class="example_class">

ऊपर दिए उदाहरण में img tag के साथ हमने src, width, height और class attributes सेट किये है।

HTML5 Attributes के भाग

Attributes के दो भाग होते है, पहला प्रॉपर्टी का नाम और दूसरा इसकी वैल्यू।

प्रॉपर्टी का नाम पहले लिखा जाता है और फिर = चिन्ह लगाकर डबल कोट में वैल्यू दी जाती है |

Attribute = property_name = "value"

HTML5 में बहुत सारे attributes होते है, जिनमे से कुछ सभी tags / elements  के साथ इस्तेमाल किये जा सकते है, जिन्हे हम ग्लोबल ऐट्रिब्यूट्स (global attributes) कह सकते है जबकि कुछ attributes कुछ विशेष टैग या एलिमेंट्स के साथ ही इस्तेमाल किये जा सकते है।

HTML5 में कितने attributes होते है, कौन से ग्लोबल होते है और कहा पर किस तरह और क्यों इस्तेमाल किये जाते है इन सभी प्रश्नो का उत्तर आपको इस कोर्स में आगे बढ़ते बढ़ते जान जायेंगे।

HTML5 Custom Attributes

HTML5 में आप अपने खुद के ऐट्रिब्यूट्स भी बना सकते है जिनमे प्रॉपर्टी का नाम और उनकी वैल्यू आपके अनुसार रखी जा सकती है।  इन्हे हम कस्टम डाटा एट्रिब्यूट (custom data attribute) कहते है।

custom data attribute बनाने के लिए आपको अपने कस्टम attribute के नाम के पहले data- कीवर्ड लगाना होता है।

चलिए इसे एक उदाहरण से समझते है।

हम एक HTML5  पेज के <div> tag / element में custom data attribute सेट करते है जिसका नाम रखेंगे usertype.

<div data-usertype="admin"> ... </div> 
<div data-usertype="visitor"> ... </div>

ऊपर दिए कोड में हमने दो div एलिमेंट्स में एक जैसे custom data attribute का इस्तेमाल किया है और दोनों की वैल्यू कस्टम और अलग अलग दी है।

इस तरह आप किसी एलिमेंट में आप एक से ज़्यादा custom data attribute भी दे सकते है।