दिलचस्प पोस्ट
AppDomains के बीच डेटा साझा करना jQuery का नक्शा बनाम प्रत्येक निर्देशक परिभाषित करते समय 'नियंत्रक', 'लिंक' और 'संकलन' कार्यों के बीच का अंतर सरल jQuery, PHP और JSONP उदाहरण? गूगल मैप्स एपीआई v3 पर एक .gif छवि घुमाएगी? JQuery के साथ onclick कार्रवाई रोकें शेल स्क्रिप्ट से जेएमएक्स एमबीईई विधि को कॉल करना ग्रहण हॉटकी: टैब्स के बीच कैसे स्विच करें? आईओएस आईफोन में कैमरे द्वारा दिए गए छवि से जीपीएस डेटा पढ़ना मेटलोपलिब ऑब्जेक्ट-ओरिएंटेड इंटरफ़ेस का उपयोग करके समुद्री कार्बन के साथ प्लॉटिंग फायरबेज एफसीएम अधिसूचनाएं click_action पेलोड onIabPurchase बुलाया कभी नहीं बुलाया इस ब्लॉक में दृढ़ता से आत्म-कब्जा करने से एक बनाए रखने के चक्र की संभावना हो सकती है एरिक Lippert चुनौती "अल्पविराम quibbling", सबसे अच्छा जवाब? 32-बिट जेवीएम (SWT फ़ाइल की जगह) पर 64-बिट SWT पुस्तकालयों को लोड नहीं किया जा सकता

Div आईडी और div वर्ग के बीच अंतर

<div class=""> और <div id=""> बीच अंतर क्या है जब यह सीएसएस की बात आती है? क्या <div id=""> का उपयोग करना ठीक है?

मैं अलग-अलग डेवलपर्स को यह दोनों तरीकों से देखता हूं, और जब से मुझे स्वयं सिखाया जाता है, तब तक मैंने इसे कभी नहीं समझा।

Solutions Collecting From Web of "Div आईडी और div वर्ग के बीच अंतर"

ids अद्वितीय होनी चाहिए, जहां class को कई चीजों पर लागू किया जा सकता है। सीएसएस में, id #elementID तरह दिखता है और class तत्वों की तरह दिखते हैं

आम तौर पर, id प्रयोग करें जब भी आप एक विशिष्ट तत्व और class को संदर्भित करना चाहते हैं, जब आपके पास अनेक चीज़ें हों जो समान रूप से समान हैं उदाहरण के लिए, सामान्य id तत्व header , footer , sidebar जैसी चीज़ें हैं सामान्य class तत्व highlight या external-link जैसी चीजें हैं

झरना पर पढ़ना और विभिन्न चयनकर्ताओं को सौंपी गई प्राथमिकता को समझना एक अच्छा विचार है: http://www.w3.org/TR/CSS2/cascade.html

सबसे बुनियादी प्राथमिकता आपको समझना चाहिए, हालांकि, यह है कि id चयनकर्ता class चयनकर्ताओं पर पूर्वता लेते हैं। यदि आपके पास यह था:

 <p id="intro" class="foo">Hello!</p> 

तथा:

 #intro { color: red } .foo { color: blue } 

टेक्स्ट लाल होगा क्योंकि id चयनकर्ता को class चयनकर्ता से अधिक प्राथमिकता मिलती है।

शायद एक सादृश्य अंतर को समझने में मदद करेगा:

 <student id="JonathanSampson" class="Biology Calculus" /> <student id="MarySmith" class="Biology Networking" /> 

छात्र आईडी कार्ड अलग हैं परिसर में दो छात्रों को एक ही छात्र आईडी कार्ड नहीं होगा हालांकि, कई छात्र कम से कम एक कक्षा को एक दूसरे के साथ साझा कर सकते हैं और साझा कर सकते हैं।

एक से अधिक छात्रों को एक वर्ग के शीर्षक के तहत रखना ठीक है, जैसे जीवविज्ञान लेकिन एक छात्र आईडी के तहत कई छात्रों को यह कभी भी स्वीकार्य नहीं है।

स्कूल इंटरकॉम सिस्टम पर नियम देते समय, आप नियम को कक्षा में दे सकते हैं:

"कल, सभी छात्रों को जीवविज्ञान वर्ग के लिए एक लाल शर्ट पहनना है।"

 .Biology { color: red; } 

या आप अपने विशिष्ट आईडी पर कॉल करके एक विशिष्ट छात्र को नियम दे सकते हैं:

"जोनाथन सैंपसन को कल हरी शर्ट पहनना है।"

 #JonathanSampson { color: green; } 

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

अधिक विशिष्ट चयनकर्ताओं का जीत।

एक वर्ग बनाम आईडी बनाम कहां उपयोग करें

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

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

एक आईडी पूरे पृष्ठ में अद्वितीय होना चाहिए।

एक वर्ग कई तत्वों पर लागू हो सकता है

कभी-कभी, आईड्स का उपयोग करने के लिए यह एक अच्छा विचार है

एक पृष्ठ में, आपके पास आमतौर पर एक पादलेख, एक हेडर है …

फिर पाद लेख आईडी के साथ एक div में हो सकता है

<div id = "footer" class = "…">

और फिर भी एक वर्ग है

एक क्लास का उपयोग कई तत्वों के लिए किया जाना चाहिए, जिनके लिए आप समान स्टाइल चाहते हैं। एक आईडी एक अनूठी तत्व के लिए होनी चाहिए यह ट्यूटोरियल देखें।

यदि आप सख्त कनफोर्मिस्ट बनना चाहते हैं, या यदि आप चाहते हैं कि आपके पृष्ठों को मानकों के लिए मान्य किया जाए तो आपको W3C मानकों का उल्लेख करना चाहिए।

आईडी अद्वितीय हैं कक्षाएं नहीं हैं। तत्वों में भी कई वर्ग हो सकते हैं। इसके अलावा कक्षाओं को गतिशील रूप से जोड़ा जा सकता है और एक तत्व को निकाल दिया जा सकता है।

कहीं भी आप उस आईडी का उपयोग कर सकते हैं जो आप बजाय एक कक्षा का उपयोग कर सकते हैं। रिवर्स सच नहीं है

ऐसा प्रतीत होता है कि प्रत्येक पृष्ठ पर पेज तत्वों (जैसे "नेबार" या "मेनू") के लिए आईडी और अन्य सभी वर्गों के लिए आईडी का उपयोग करना संभव है, लेकिन यह केवल एक सम्मेलन है और आपको उपयोग में व्यापक विचरण मिलेगा।

एक अन्य अंतर यह है कि इनपुट इनपुट तत्वों के लिए, <label> तत्व आईडी द्वारा एक फ़ील्ड का संदर्भ देता है ताकि आपको आईडी का उपयोग करने की आवश्यकता हो, यदि आप <label> का उपयोग करने जा रहे हैं एक पहुंच की बात है और आप वास्तव में इसका उपयोग करना चाहिए।

आईडी द्वारा चलाए गए वर्षों में भी पसंद किया गया क्योंकि वे जावास्क्रिप्ट (getElementById) में आसानी से सुलभ हैं। JQuery और अन्य जावास्क्रिप्ट रूपरेखाओं के आगमन के साथ यह अब एक गैर-मुद्दा है।

वर्ग श्रेणियों की तरह हैं कई HTML तत्व एक कक्षा से संबंधित हो सकते हैं, और एक HTML तत्व में एक से अधिक वर्ग हो सकते हैं। कक्षाएं सामान्य शैली या शैलियों को लागू करने के लिए उपयोग की जाती हैं जिन्हें कई HTML तत्वों पर लागू किया जा सकता है।

आईडी पहचानकर्ता हैं वे अद्वितीय हैं; किसी और को उसी आईडी की अनुमति नहीं है आईडी एक HTML तत्व में अद्वितीय शैली लागू करने के लिए उपयोग किया जाता है

मैं इस फैशन में आईडी और कक्षाओं का उपयोग करता हूं:

 <div id="header"> <h1>I am a header!</h1> <p>I am subtext for a header!</p> </div> <div id="content"> <div class="section"> <p>I am a section!</p> </div> <div class="section special"> <p>I am a section!</p> </div> <div class="section"> <p>I am a section!</p> </div> </div> 

इस उदाहरण में, शीर्ष लेख और सामग्री अनुभागों को #header और #content के माध्यम से स्टाइल किया जा सकता है सामग्री के प्रत्येक अनुभाग को #content .section के माध्यम से एक सामान्य शैली लागू किया जा सकता है। बस किक के लिए, मैंने मध्य खंड के लिए एक "विशेष" वर्ग जोड़ा। मान लीजिए आप चाहते हैं कि एक विशेष अनुभाग में एक विशेष स्टाइल हो। यह विशेष वर्ग के साथ हासिल किया जा सकता है, फिर भी यह अनुभाग अभी भी # सामग्री से आम शैलियों को प्राप्त करता है।

जब मैं जावास्क्रिप्ट या सीएसएस विकास करता हूं, तो मैं आमतौर पर विशिष्ट HTML तत्वों तक पहुंच / हेरफेर करने के लिए आईडी का उपयोग करता हूं, और मैं कक्षाओं का इस्तेमाल व्यापक तत्वों के तत्वों तक पहुंचने / लागू करने के लिए करता हूं।

सीएसएस वस्तु उन्मुख है आईडी कहते हैं, क्लास क्लास कहता है।

सीएसएस चयनकर्ता अंतरिक्ष वास्तव में सशर्त आईडी शैली की अनुमति देता है:

 h1#my-id {color:red} p#my-id {color:blue} 

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

 body#list-page #title {font-size:56px} body#detail-page #title {font-size:24px} 

निजी तौर पर, मैं लंबे समय तक वर्गनाम चयनकर्ताओं को पसंद करता हूं:

 body#list-page .title-block > h1 {font-size:56px} 

चूंकि मुझे नेस्टेड आईडी का उपयोग करने के लिए थोड़ा अंतर करने के लिए इलाज अलग करना है I बस पता है कि Sass / SCSS दुनिया के डेवलपर्स इस सामान पर अपने हाथों को प्राप्त करते हैं, नेस्टेड आईडी आदर्श बनते जा रहे हैं।

अंत में, जब चयनकर्ता के प्रदर्शन और प्राथमिकता की बात आती है, तो आईडी जीतने के लिए जाता है। यह एक संपूर्ण अन्य विषय है।

जब सीएसएस लागू करते हैं, तो उसे एक क्लास पर लागू करें और आईडी से जितना भी हो उतना से बचने का प्रयास करें। आईडी का उपयोग केवल तत्व लाने के लिए या बाध्यकारी किसी भी घटना के लिए जावास्क्रिप्ट में किया जाना चाहिए।

क्लासेस को सीएसएस लागू करने के लिए इस्तेमाल किया जाना चाहिए।

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

किसी भी तत्व का वर्ग या एक आईडी हो सकता है।

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

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

तकनीकी तौर पर आप सभी के लिए कक्षाओं का उपयोग कर सकते हैं, या उन्हें तार्किक रूप से विभाजित कर सकते हैं। आप कई तत्वों के लिए आईडी का पुन: उपयोग नहीं कर सकते हैं।

क्लास तत्वों के एक समूह को अपनी शैली को लागू करने के लिए है आईडी शैलियों उस आईडी के साथ ही तत्व पर लागू होती हैं (केवल एक होना चाहिए)। आम तौर पर आप वर्गों का उपयोग करते हैं, लेकिन अगर एक बार आप आईडी का उपयोग कर सकते हैं (या सिर्फ तत्व में सीधे सीधा चिपकाएं)।

उन्नत विकास आईडी में हम मूल रूप से जावास्क्रिप्ट का उपयोग कर सकते हैं

दोहराने योग्य प्रयोजनों के लिए, क्लास ईएस आईडी के विपरीत काम करता है जो अद्वितीय होना चाहिए।

नीचे एक अभिव्यक्ति का उदाहरण है जो ऊपर दिए गए अभिव्यक्तियों को दर्शाता है:

 <div id="box" class="box bg-color-red">this is a box</div> <div id="box1" class="box bg-color-red">this is a box</div> 

अब आप यहां box में देख सकते हैं और box box1 में दो (2) भिन्न <div> तत्व हैं, लेकिन हम उन दोनों को box और bg-color-red वर्गों को लागू कर सकते हैं।

अवधारणा एक ओओपी भाषा में विरासत है।