एचटीएमएल और सीएसएस में स्टाइल क्लासेस और आईडी का उपयोग करना

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

आईडी चयनकर्ताओं

आईडी चयनकर्ता आपको किसी टैग या अन्य HTML तत्व से संबद्ध किए बिना किसी विशिष्ट शैली का नाम देने की अनुमति देता है। मान लें कि आपके एचटीएमएल मार्कअप में एक डिवीजन था जिसमें किसी ईवेंट के बारे में जानकारी शामिल है। आप इस प्रभाग को "घटना" की एक आईडी विशेषता दे सकते हैं, और फिर यदि आप उस विभाजन को 1-पिक्सेल चौड़ी काला सीमा के साथ रेखांकित करना चाहते हैं तो आप इस तरह एक आईडी कोड लिखते हैं:

#event {सीमा: 1 पीएक्स ठोस # 000; }

आईडी चयनकर्ताओं के साथ चुनौती यह है कि उन्हें HTML दस्तावेज़ में दोहराया नहीं जा सकता है। वे अद्वितीय होना चाहिए (आप अपनी साइट के कई पृष्ठों पर एक ही आईडी का उपयोग कर सकते हैं, लेकिन प्रत्येक व्यक्तिगत HTML दस्तावेज़ में केवल एक बार)। तो यदि आपके पास 3 घटनाएं थीं, जिन्हें सभी को इस सीमा की आवश्यकता थी, तो आपको उन्हें "event1", "event2" और "event3" के आईडी विशेषताओं और उनमें से प्रत्येक शैली की आवश्यकता होगी। इसलिए, "घटना" के उपरोक्त वर्ग विशेषता का उपयोग करना और उन्हें एक ही समय में शैली बनाना बहुत आसान होगा।

आईडी गुणों की जटिलताओं

आईडी विशेषताओं के साथ एक और चुनौती यह है कि उनके पास वर्ग विशेषताओं की तुलना में उच्च विशिष्टता है। इसका अर्थ यह है कि यदि आपको पहले से स्थापित शैली को ओवरराइड करने वाले सीएसएस की आवश्यकता है, तो ऐसा करना मुश्किल हो सकता है यदि आपने आईडी पर बहुत अधिक भरोसा किया है। यही कारण है कि कई वेब डेवलपर्स अपने मार्कअप में आईडी का उपयोग करने से दूर चले गए हैं, भले ही वे केवल एक बार उस मान का उपयोग करना चाहते हैं, और इसके बजाय लगभग सभी शैलियों के लिए कम-विशिष्ट वर्ग विशेषताओं में बदल गए हैं।

एक क्षेत्र जहां आईडी विशेषताएँ खेल में आती हैं वह तब होती है जब आप एक पृष्ठ बनाना चाहते हैं जिसमें पृष्ठ एंकर लिंक हों। उदाहरण के लिए, यदि आपके पास एक लंबन शैली वेबसाइट है जिसमें एक पृष्ठ पर सभी सामग्री शामिल हैं जो लिंक के साथ "उस पृष्ठ के विभिन्न हिस्सों" कूदते हैं। यह आईडी एंटरप्राइज़ और टेक्स्ट लिंक का उपयोग करके किया जाता है जो इन एंकर लिंक का उपयोग करते हैं। आप लिंक के "href" विशेषता के लिए, "#" प्रतीक से पहले उस विशेषता का मान जोड़ देंगे, जैसे:

यहीं वह लिंक है

क्लिक या स्पर्श किए जाने पर, यह लिंक उस पृष्ठ के उस भाग पर कूद जाएगा जिसमें यह आईडी विशेषता है।यदि पृष्ठ पर कोई तत्व इस आईडी मान का उपयोग नहीं कर रहा है, तो लिंक कुछ भी नहीं करेगा।

याद रखें, यदि आप किसी साइट पर इन-पेज लिंक करना चाहते हैं, तो आईडी विशेषताओं का उपयोग आवश्यक होगा, लेकिन आप अभी भी सामान्य सीएसएस स्टाइल उद्देश्यों के लिए कक्षाओं में बदल सकते हैं। इस प्रकार हम आज पृष्ठों को चिह्नित करते हैं - हम कक्षा चयनकर्ताओं को यथासंभव उपयोग करते हैं और केवल आईडी पर जाते हैं जब हमें न केवल सीएसएस के लिए एक हुक के रूप में कार्य करने की आवश्यकता होती है बल्कि इन-पेज लिंक भी होती है।