2011-01-16 15 views
8

संभव डुप्लिकेट:
Whats the rendering difference between a span and label tag?त्रुटि संदेश: <span> बनाम <label>

जब आप HTML में एक त्रुटि संदेश है, जो तत्व का उपयोग करते हैं, <span> या <label> प्रदर्शित?

क्या आप उनमें से प्रत्येक के लिए कुछ पेशेवर और विपक्ष सूचीबद्ध कर सकते हैं, यह मानते हुए कि कुछ स्टाइल, जैसे कि रंग और मार्जिन उनके class के माध्यम से लागू किया जाएगा?

धन्यवाद!

+5

यह * उस * का एक डुप्लिकेट नहीं है, जो डिफ़ॉल्ट रूप से प्रस्तुत करने में अंतर के बारे में है और इसके बारे में किसी भी उद्देश्य के लिए उपयुक्त नहीं है (इस प्रश्न में उल्लिखित विशिष्ट उद्देश्य को अकेले छोड़ दें)। – Quentin

उत्तर

13

मान लें कि आप एक विशिष्ट फॉर्म नियंत्रण से जुड़े एक त्रुटि संदेश का मतलब है, <label> का उपयोग करें।

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

-1

http://www.w3schools.com/tags/tag_label.asp: "टैग इनपुट तत्व के लिए एक लेबल परिभाषित करता है।"

नियमित इनलाइन टेक्स्ट के लिए, span का उपयोग करें।

+6

कृपया उस साइट को संदर्भ के रूप में अनुशंसा न करें - http://w3fools.com/ - और यह "नियमित इनलाइन टेक्स्ट" नहीं है, यह एक त्रुटि संदेश है, संभवतः एक विशिष्ट इनपुट तत्व से जुड़ा हुआ है। – Quentin

+0

@ डेविड डोरवर्ड: यह "लेबल एचटीएमएल" के लिए Google पर पहला परिणाम था। लेकिन हर कोई खुद को Google पर मुफ़्त करने के लिए स्वतंत्र है और अन्य सभी पृष्ठों पर टैग का एक समान विवरण ढूंढता है। और मुझे नहीं पता कि यह एक इनपुट फ़ील्ड से जुड़ा हुआ है, क्योंकि सभी ओपी ने कहा था "जब आप HTML में एक त्रुटि संदेश प्रदर्शित करते हैं"। वैसे भी, मुझे यकीन है कि अंतर अब तक स्पष्ट है। – Alec

-2

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


यह उत्तर गलत था: नीचे टिप्पणी देखें।

+1

किसी दिए गए फॉर्म नियंत्रण से जुड़े लेबलों की संख्या की कोई सीमा नहीं है। – Quentin

+0

@ डेविड डोरवर्ड - मुझे लगता है कि स्कीमा परिभाषा भाषा [एस] पहचानने/रोकने/निर्दिष्ट करने के लिए पर्याप्त समृद्ध नहीं है कि प्रति इनपुट तत्व एकाधिक लेबल समर्थित नहीं हैं। क्या वहां कहीं भी है जो स्पष्ट रूप से कहता है कि वे समर्थित हैं? क्या यह एक आम मुहावरे/अभ्यास है? क्या आप उम्मीद करते हैं कि उदा। एकाधिक पाठकों की अपेक्षा/समर्थन करने के लिए स्क्रीन पाठकों को कोड किया जाएगा? – ChrisW

+2

"एक से अधिक लेबल एक ही नियंत्रण से जुड़े हो सकते हैं" - http: //www.w3।संगठन/टीआर/एचटीएमएल 4/इंटरैक्ट/form.html # एच-17.9.1 – Quentin

1

या तो इस्तेमाल किया जा सकता है और दोनों स्टाइल किया जा सकता है। मुझे लगता है कि चर्चा symantically के बारे में होगा जो अधिक स्पष्ट है। मैं लेबल तत्वों के बारे में सोचता हूं कि यह बताता है कि एक विशेष इनपुट तत्व का इरादा क्या है। मुझे लगता है कि त्रुटि जानकारी प्रदर्शित करने से यह फिट बैठता है और अवधि पसंद नहीं करता है।

1

AFAIK, लेबल का उद्देश्य यह है कि लेबल पर क्लिक करने से नियंत्रण "क्लिक" होता है। यह चेकबॉक्स और रेडियो बटन जैसी चीजों के लिए बहुत उपयोगी है, जहां वास्तविक नियंत्रण क्लिक करने के लिए छोटा और मुश्किल है।

संबंधित मुद्दे