Class Attribute in HTML ka use kisi HTML element ko ek class name dene ke liye hota hai. Ek hi class ko multiple HTML elements share kar sakte hain.
Iska main use CSS styling aur JavaScript manipulation ke liye hota hai.
The class Attribute
Class Attribute in HTML aksar CSS style sheet me kisi specific class name ko refer karne ke liye use hota hai. Iska use JavaScript me bhi hota hai jisse same class wale elements ko access aur manipulate kiya ja sakta hai.
Example:
Yahaan teen <div> elements me class=”city” diya gaya hai, isliye teeno par same CSS style apply hoga.
The Syntax for Class
Class Attribute in HTML me class banane ke liye CSS me period (.) ke baad class name likha jata hai aur curly braces {} ke andar CSS properties define ki jati hain.
Example:
Yahaan “city” naam ki class banayi gayi hai.
Multiple Classes
Class Attribute in HTML me ek HTML element ek se zyada classes belong kar sakta hai.
Multiple classes define karne ke liye class names ko space se separate kiya jata hai.
Example:
Yahaan pehla <h2> element city aur main dono classes ke styles follow karega.
Use of the class Attribute in JavaScript
Class Attribute in HTML ka use JavaScript me bhi hota hai jisse specific class name wale elements par actions perform kiye ja sakte hain.
JavaScript ka getElementsByClassName() method kisi specific class wale elements ko access karne ke liye use hota hai.
Example:
Is example me button click karne par “city” class wale sab elements hide ho jayenge.
Is tarah Class Attribute in HTML ek powerful feature hai jo multiple HTML elements ko same class name dekar unhe CSS aur JavaScript ke through easily style aur control karne ki facility provide karta hai.
