HTML DOM में id और class दोनों एलिमेंट सेलेक्टर हैं और इन पैरामीटर्स को असाइन किए गए नाम के आधार पर एक एलिमेंट की पहचान करने के लिए उपयोग किए जाते हैं।
Id और Class के बीच महत्वपूर्ण अंतर निम्न हैं:
| क्रमांक | मुख्य बिंदु | Id | Class |
|---|---|---|---|
| 1 | सिंटैक्स | HTML में किसी एलिमेंट के लिए ID नाम "#" सिंबल से शुरू होता है जिसके बाद एक यूनिक नाम असाइन किया जाता है। | दूसरी ओर, किसी एलिमेंट को असाइन की गई class का नाम "." से शुरू होता है जिसके बाद क्लास नाम होता है। |
| 2 | सेलेक्टर | केवल एक ID सेलेक्टर को एक एलिमेंट से जोड़ा जा सकता है। | कई class सेलेक्टर्स को एक एलिमेंट से जोड़ा जा सकता है। |
| 3 | यूनिकनेस | Id एक पेज में यूनिक होता है और अधिकतम एक एलिमेंट पर लागू हो सकता है। | Class को कई एलिमेंट्स पर लागू किया जा सकता है इसलिए यह एक पेज पर कई बार हो सकता है। |
Id vs Class का उदाहरण
Id.html
<!DOCTYPE html> <html> <head> <title> Id डेमो </title> <style> #idDemo{ color:green; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Id द्वारा एलिमेंट प्राप्त करें</h1> <p id="idDemo">Id सेलेक्टर के लिए डेमो</p> </body> </html>
Class.html
<!DOCTYPE html> <html> <head> <title> Class डेमो </title> <style> .classDemo{ color:orange; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Class द्वारा एलिमेंट प्राप्त करें</h1> <p class="classDemo">Class सेलेक्टर के लिए डेमो</p> </body> </html>
