आयडी गुणधर्म म्हणजे काय?

वेब पृष्ठांमधील अनन्य ओळखकर्ता

डब्लू 3 सीच्या मते, एचटीएमएल मध्ये आयडी ऍट्रिब्यूट आहे:

घटकांसाठी एक अद्वितीय अभिज्ञापक

हे अतिशय शक्तिशाली विशेषताचे अत्यंत सोपे वर्णन आहे. ID विशेषता वेब पेजेससाठी अनेक क्रिया करू शकते:

• शैली पत्रक निवडकर्ता - हे असे फंक्शन आहे जे बहुतेक लोक ID विशेषता वापरतात. ते एकमेव असल्यामुळे, आपण आपल्या आयपेजवरील आयडी प्रॉपर्टीचा उपयोग करताना आपल्या वेब पेजवर केवळ एक वस्तू स्टाईल कराल याची आपण खात्री करुन घेऊ शकता. स्टाईल हेतूसाठी आयडीचा वापर करण्यामागील हेतू म्हणजे ही एक अतिशय उच्च पातळीची विशिष्टता आहे, ज्यामुळे आपल्याला स्टाईलशीटमध्ये काही कारणास्तव एखादी शैली ओव्हरराइड करण्याची आवश्यकता असल्यास ती फारच आव्हानात्मक बनू शकते. यामुळे, वर्तमान वेब प्रथा सामान्य शैलीच्या हेतूने आयडी आणि आयडी निवडकर्त्यांच्या जागी क्लासेस व वर्ग निवडकर्त्यांचा वापर करण्याच्या दिशेने भाग घेतात.

• दुवा जोडण्यासाठी अँकर - वेब ब्राऊजर आपल्याला URL च्या शेवटी ID वर इंगित करुन आपल्या वेब दस्तऐवजात अचूक स्थान लक्ष्य करण्याची अनुमती देतात. पाउंड-साइन (#) ने पुढे पृष्ठ URL शेवटी आपण आयडी जोडा. आपण घटकांसह पाउंड-चिन्ह (#) आणि आयडी नाव जोडून एका घटकासाठी पृष्ठावर या अँकरशी दुवा देखील साधू शकता. उदाहरणार्थ, जर तुमच्याकडे संपर्काचा एक आयडी आहे, तर तुम्ही त्या पृष्ठाशी याचा दुवा साधू शकता:
  
  हा दुवा मजकूर आहे
• स्क्रिप्ट्ससाठी संदर्भ - आपण कोणत्याही Javascript फंक्शन्स लिहिल्यास, आपण ID विशेषता वापरु इच्छित असाल ज्यामुळे आपण आपल्या स्क्रिप्टसह पृष्ठावर तंतोतंत घटकामध्ये बदल करु शकता.
• इतर प्रक्रिया - आयडी आपल्याला आपल्या वेब दस्तऐवजांवर ज्याप्रकारे गरज आहे त्यावर प्रक्रिया करण्याची परवानगी देते. उदाहरणार्थ, आपण एका डेटाबेसमध्ये HTML काढू शकता आणि ID विशेषता फील्ड ओळखते.

आयडी विशेषता वापरण्यासाठीचे नियम

कागदपत्रांमध्ये कुठेही आयडी गुणधर्म वापरणारा वैध कागदपत्रे घेण्यासाठी आपण काही नियमांचे पालन करणे आवश्यक आहे:

• ID एक अक्षराने सुरू होणे आवश्यक आहे (az किंवा AZ)
• त्यानंतरच्या सर्व वर्ण अक्षरे, संख्या (0- 9), हायफन (-), अंडरस्कोर (_), कोलन (:) आणि कालावधी (.) असू शकतात.
• प्रत्येक आयडी कागदपत्रामध्ये अद्वितीय असणे आवश्यक आहे. का?

ID विशेषता वापरणे

एकदा आपण आपल्या वेबसाइटचे एक अनन्य घटक ओळखले की, आपण फक्त एक घटक शैली शैलीने वापरू शकता.

आमच्याशी संपर्क साधा

येथे काही मजकूर सामग्री आहे

div # contact-section {background: # 0cf;}

-किंवा फक्त-

# संपर्क-विभाग {पार्श्वभूमी: # 0cf;}

यापैकी दोन निवडकर्ते काम करतील. प्रथम (div # contact-section) "संपर्क-विभाग" च्या ID विशेषतासह एक विभाग लक्ष्यित करेल. दुसरा एक (# संपर्क-विभाग) तरीही घटक "संपर्क-विभाग" असलेल्या आयडीसह लक्ष्य करेल, हे फक्त माहित नसते की ते कशासाठी शोधत आहे ते एक विभाग आहे. स्टाईलचा शेवटचा परिणाम तसाच असेल.

आपण कोणत्याही विशिष्ट टॅग न जोडता त्या विशिष्ट घटकाचे दुवा देखील जोडू शकता:

संपर्क माहितीचा दुवा

"GetElementById" JavaScript पद्धतीसह आपल्या स्क्रिप्टमधील परिच्छेद संदर्भित करा:

document.getElementById ("संपर्क-विभाग")

आयडी ऍट्रिब्यूट्स अजूनही एचटीएमएल मध्ये अतिशय उपयुक्त आहेत, तरीही क्लास निवडक बहुतेक सर्वसाधारण styling हेतूसाठी त्या जागी करतात. शिर्षकासाठी हुक म्हणून ID विशेषता वापरण्याची क्षमता, तसेच स्क्रिप्टसाठी लिंक्स किंवा लक्ष्यांकरिता अँकर म्हणून त्यांचा वापर केल्याचा अर्थ, आज वेब डिझाइनमध्ये त्यांचे अजूनही महत्त्वपूर्ण स्थान आहे.

जेरेमी गिरर्ड द्वारा संपादित