के अनुसार W3C, आईडी विशेषता एचटीएमएल तत्व के लिए isa अद्वितीय पहचानकर्ता। यह सीएसएस शैलियों, एंकर लिंक और स्क्रिप्ट के लिए लक्ष्य के लिए वेब पेज के एक क्षेत्र की पहचान करने का एक तरीका प्रदान करता है।
आईडी विशेषता का उपयोग किस लिए किया जाता है?
आईडी विशेषता वेब पेजों के लिए कई कार्य करती है:
- एक स्टाइल शीट चयनकर्ता: यह वह फ़ंक्शन है जिसके लिए अधिकांश लोग ID विशेषता का उपयोग करते हैं। चूंकि वे अद्वितीय हैं, इसलिए जब आप किसी आईडी प्रॉपर्टी का उपयोग करते हैं तो आप अपने वेब पेज पर केवल एक आइटम को स्टाइल करेंगे। स्टाइलिंग उद्देश्यों के लिए आईडी का उपयोग करने का नकारात्मक पक्ष यह है कि इसमें बहुत उच्च स्तर की विशिष्टता है, जो इसे बहुत चुनौतीपूर्ण बना सकता है यदि आपको बाद में किसी कारण से किसी शैली को ओवरराइड करने की आवश्यकता होती है शैली पत्रक। इस वजह से, मौजूदा वेब प्रथाएं सामान्य स्टाइलिंग उद्देश्यों के लिए आईडी और आईडी चयनकर्ताओं के स्थान पर कक्षाओं और वर्ग चयनकर्ताओं का उपयोग करने की ओर झुकती हैं।
- से जोड़ने के लिए नामांकित एंकर: वेब ब्राउज़र्स URL के अंत में ID की ओर इशारा करके अपने वेब दस्तावेज़ों में सटीक स्थानों को लक्षित करें। पृष्ठ URL के अंत में एक हैश चिह्न से पहले आईडी जोड़ें। में हैश टैग और आईडी नाम जोड़कर इन एंकरों को पेज से ही लिंक करें href तत्व के लिए विशेषता। उदाहरण के लिए, की आईडी वाले डिवीजन के लिए से संपर्क करें, इसके साथ उस पृष्ठ पर लिंक करें #से संपर्क करें.
- लिपियों के लिए एक संदर्भ: यदि आप कोई Javascript फ़ंक्शन लिखते हैं, तो ID विशेषता का उपयोग करें ताकि आप अपनी स्क्रिप्ट के साथ पृष्ठ पर सटीक तत्व में परिवर्तन कर सकें।
- अन्य प्रसंस्करण: आईडी आपके वेब दस्तावेज़ों के भीतर किसी भी तरह से प्रसंस्करण का समर्थन करती है। उदाहरण के लिए, आप HTML को डेटाबेस में निकाल सकते हैं और फ़ील्ड की पहचान करने के लिए आईडी विशेषता का उपयोग कर सकते हैं।
आईडी विशेषता का उपयोग करने के नियम
सुनिश्चित करें कि आपकी आईडी विशेषताएँ इन तीन मानकों के अनुरूप हैं:
- आईडी एक अक्षर (ए-जेड या ए-जेड) से शुरू होनी चाहिए।
- बाद के सभी वर्ण अक्षर, संख्याएँ (0-9), हाइफ़न (-), अंडरस्कोर (_), कोलन (:), और आवर्त (.) हो सकते हैं।
- दस्तावेज़ के भीतर प्रत्येक आईडी अद्वितीय होनी चाहिए।
आईडी विशेषता का उपयोग करना
अपनी वेब साइट के एक अद्वितीय तत्व की पहचान करने के बाद, उपयोग करें स्टाइल शीट बस उस एक तत्व को स्टाइल करने के लिए।
उदाहरण के लिए, शीर्षक वाली आईडी की पहचान करने के लिए से संपर्क करें, इन रूपों में से किसी एक का उपयोग करें:
div#संपर्क {पृष्ठभूमि: #0cf;}
#संपर्क {पृष्ठभूमि: #0cf;}
पहला नमूना आईडी विशेषता वाले एक डिवीजन को लक्षित करता है attribute से संपर्क करें. दूसरा अभी भी एक आईडी के साथ तत्व को लक्षित करता है से संपर्क करें, यह केवल यह निर्धारित नहीं करेगा कि यह एक विभाजन है। स्टाइल का अंतिम परिणाम बिल्कुल वही होगा।
आप उस विशिष्ट तत्व से बिना कोई टैग जोड़े भी लिंक कर सकते हैं।
अपनी लिपियों में उस पैराग्राफ का संदर्भ दें getElementById जावास्क्रिप्ट विधि:
document.getElementById ("संपर्क-अनुभाग")
HTML में ID विशेषताएँ अभी भी बहुत उपयोगी हैं, भले ही वर्ग चयनकर्ता अधिकांश सामान्य स्टाइलिंग उद्देश्यों के लिए उन्हें बदल दिया है। शैलियों के लिए एक हुक के रूप में आईडी विशेषता का उपयोग करते हुए, लिंक या स्क्रिप्ट के लिए लक्ष्य के लिए एंकर के रूप में उनका उपयोग करने का अर्थ है कि आज भी वेब डिज़ाइन में उनका एक महत्वपूर्ण स्थान है।