क्या एंकर लिंक के लिए ऑल्ट टैग का उपयोग करना सही है?

Question

क्या एंकर लिंक के लिए ऑल्ट टैग का इस्तेमाल करना सही है, कुछ ऐसा

<a href="#" class="test" alt="Something" src="sfasfs" ></a>

Answer 1

आधिकारिक विनिर्देश को देखकर ऐसी बातों का सबसे अच्छा जवाब दिया जाता है:

1. विनिर्देश पर जाएं : https://www.w3.org/TR/html5/

2. " aतत्व" की खोज करें : https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element

3. "सामग्री विशेषताओं" की जांच करें, जो aतत्व के लिए सभी अनुमत विशेषताओं को सूचीबद्ध करता है:

   • वैश्विक विशेषताएं
   • href
   • target
   • download
   • rel
   • hreflang
   • type

4. लिंक की गई "वैश्विक विशेषताओं" की जाँच करें: https://www.w3.org/TR/html5/dom.html#global-attributes

जैसा कि आप देखेंगे, तत्व altपर विशेषता की अनुमति नहीं aहै।
आप यह भी देखेंगे कि srcविशेषता की अनुमति नहीं है।

द्वारा अपने HTML मान्य , इस तरह त्रुटियों आप के लिए रिपोर्ट कर रहे हैं।

---

ध्यान दें कि ऊपर HTML5 के लिए है , जो 2014 से W3C का HTML मानक है । 2016 में, HTML 5.1 अगला HTML मानक बन गया । अनुमत विशेषताओं को ढूंढना उसी तरह से काम करता है। आप देखेंगे कि aएचटीएमएल 5.1 में तत्व की एक और विशेषता हो सकती है rev:।

आप W3C के HTML करेंट स्टेटस पर सभी HTML स्पेसिफिकेशन्स (नवीनतम मानक सहित) पा सकते हैं ।

Comments

मुझे वैश्विक titleविशेषताओं में विशेषता दिखाई नहीं देती है कि क्या aऐसी titleविशेषता का उपयोग करना सही है aया नहीं?

— Yousef Altaf

@YousefAltaf: आप किस पेज पर दिखते हैं? लिंक की गई एक, वैश्विक विशेषताएँ , सूचियाँ title।

— यूनोर 28'15

मुझे यह मिल गया है इसलिए इसे वैश्विक विशेषताओं के तहत सूचीबद्ध किया गया है, लेकिन क्या मैं इसका उपयोग करता हूं या नहीं, क्या यह पृष्ठ गुणवत्ता पर प्रभाव डालता है?

— युसेफ अल्ताफ

@YousefAltaf: यह एक अलग सवाल है, जिस पर यहां चर्चा नहीं की जानी चाहिए। इसकी परिभाषा देखें । यदि आपके पास अभी भी इसके बारे में प्रश्न हैं, तो एक अलग प्रश्न बनाने के लिए स्वतंत्र महसूस करें (लेकिन बेहतर खोज से पहले यदि यह पहले से नहीं पूछा गया है)।

— अपराह्न

उत्तर "HTML विशेषताओं को कैसे देखें" के रूप में बुकमार्क किया गया है। धन्यवाद।

— कोडबलिंग

Answer 2

एंकर के लिए, आपको इसके बजाय शीर्षक का उपयोग करना चाहिए। alt मान्य नहीं है। Http://w3schools.com/tags/tag_a.asp देखें

Comments

@FabioPoloni धन्यवाद, मैंने उम्मीद की है कि हर कोई पेज पर लिंक bellow पा सकता है :-)

— tomis

मैंने सोचा कि अगर किसी को इस विषय के बारे में ज्यादा जानकारी नहीं है, तो वह इसे नहीं

— ढूंढेगा

जानकारी का यह टुकड़ा w3schools पर सही होना होता है, लेकिन w3schools आधिकारिक नहीं है और यह विश्वसनीय नहीं है, w3fools.com

— Jukka K. Korpela

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

— user2067736

"शीर्षक" अब w3schools पर नहीं है। लेकिन आप शीर्षक का उपयोग कर सकते हैं, क्योंकि यह एक वैश्विक विशेषता है: w3.org/TR/html5/dom.html#global-attributes

— rosell.dk

Answer 3

"शीर्षक" ब्राउज़रों में व्यापक रूप से लागू किया जाता है। प्रयत्न:

<a href="#" title="hello">asf</a>

Comments

यह है कि ऊपर 10 मिनट के उत्तर के बजाय एक उत्तर कैसे दिखना चाहिए। लेकिन इस उत्तर में लिंक भी होना चाहिए: w3schools.com/tags/att_global_title.asp

— mikael1000

मैं मानता हूं कि उपरोक्त प्रश्न का उत्तर नहीं देता है, हालांकि, इसके अनुसार, titleHTML5 विनिर्देश के अनुसार गलत है (भले ही अधिकांश ब्राउज़र इसे लागू करेंगे)।

— felwithe

Answer 4

नहीं, एक altविशेषता (यह एक विशेषता होगी, एक टैग नहीं) aकिसी भी HTML विनिर्देश या ड्राफ्ट में एक तत्व के लिए अनुमति नहीं है । और यह किसी भी ब्राउज़र द्वारा किसी भी महत्व के रूप में पहचाना नहीं लगता है।

यह थोड़ा रहस्य है कि लोग इसका उपयोग करने की कोशिश क्यों करते हैं, फिर भी, लेकिन संभावित स्पष्टीकरण यह है कि वे तत्वों के altलिए विशेषता के अनुरूप ऐसा कर रहे हैं, जिससे imgमाउसओवर पर "टूलटिप" देखने की उम्मीद है। इसमें दो बातें गलत हैं। सबसे पहले, प्रत्येक तत्व की अपनी विशेषताओं है, प्रत्येक तत्व के चश्मे में परिभाषित किया गया है। दूसरा, altकुछ प्राचीन ब्राउज़रों में विशेषताओं का "टूलटिप" प्रतिपादन / कुछ अपेक्षित होने के बजाय एक क्विक या बग था; altविशेषता जो भी कारण के लिए उपयोगकर्ता के लिए प्रस्तुत किया जाना है यदि और केवल यदि छवि को ही प्रस्तुत नहीं है, माना जाता है।

"टूलटिप" बनाने के लिए, titleइसके बजाय विशेषता का उपयोग करें या, बहुत बेहतर, "सीएसएस टूलटिप्स" के लिए Google और अपनी वरीयता के सीएसएस-आधारित टूलटिप्स का उपयोग करें (उन्हें छिपी हुई "परतें" कहा जा सकता है जो माउसओवर पर दिखाई देते हैं)।

Comments

मैं CSS- आधारित टूलटिप्स का उपयोग करके प्रोग्राम द्वारा निर्मित लिंक का उपयोग कैसे करूं?

— सल्वाडोर वालेंसिया

Answer 5

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

W3C अनुशंसा करता है कि शीर्षक विशेषता का मान लिंक किए गए दस्तावेज़ के शीर्षक के मूल्य से मेल खाना चाहिए लेकिन यह अनिवार्य नहीं है।

http://www.w3.org/MarkUp/1995-archive/Elements/A.html

---

वैकल्पिक रूप से, और अधिक लाभकारी होने की संभावना है, आप ARIA अभिगम्यता विशेषता का उपयोग कर सकते हैं aria-label(भ्रमित होने की नहीं aria-labeledby)। aria-labelएक ही फ़ंक्शन कार्य करता है जैसा कि पूरी विशेषता छवियों के लिए है, लेकिन गैर-छवि तत्वों के लिए और स्क्रीन पाठकों के लिए आपके अनुकूलन के बाद से अनुकूलन के कुछ माप शामिल हैं।

http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects

---

यदि आप हालांकि एक एंकर टैग का वर्णन करना चाहते हैं, तो यह आमतौर पर rel या Rev टैग का उपयोग करने के लिए उपयुक्त है लेकिन आपके विशिष्ट मूल्यों तक सीमित है, उनका उपयोग मानव पठनीय विवरणों के लिए नहीं किया जाना चाहिए।

Rel, वर्तमान पृष्ठ से जुड़े पृष्ठ के संबंधों का वर्णन करने का कार्य करता है। (उदाहरण यदि लिंक किया गया पृष्ठ तार्किक श्रृंखला में अगला है तो यह rel = next होगा)

रीव विशेषता अनिवार्य रूप से रिले विशेषता का रिवर्स रिलेशन है। Rev वर्तमान पृष्ठ के संबंधों को लिंक किए गए पृष्ठ पर बताता है।

आप मान्य मानों की एक सूची यहां पा सकते हैं: http://microformats.org/wiki/existing-rel-values

Answer 6

मैंने शीर्षक का उपयोग किया और यह काम किया!

शीर्षक विशेषता लिंक का शीर्षक देती है। एक अपवाद के साथ, यह विशुद्ध रूप से सलाहकार है। मान पाठ है। अपवाद शैली पत्रक लिंक के लिए है, जहां शीर्षक विशेषता वैकल्पिक शैली शीट सेट को परिभाषित करती है।

<a class="navbar-brand" href="http://www.alberghierocastelnuovocilento.gov.it/sito/index.php" title="sito dell'Istituto Ancel Keys">A.K.</a>

Answer 7

मुझे यह देखकर आश्चर्य हुआ कि टैग altमें विशेषता के उपयोग के सभी उत्तर मान्य नहीं हैं । यह बिलकुल गलत है।a

Html आपको किसी भी विशेषता का उपयोग करके ब्लॉक नहीं करता है:

<a your-custom-attribute="value">Any attribute can be used</a>

यदि आप पूछें कि क्या यह altविशेषता का उपयोग करने के लिए शब्दार्थ से सही हैa तो मैं कहूंगा:

नहीं। इसका उपयोग छवि विवरण सेट करने के लिए किया जाता है<img alt="image description" /> ।

यह एक बात है कि आप विशेषताओं के साथ क्या करेंगे। यहाँ एक उदाहरण है:

a::after {
  content: attr(color); /* attr can be used as content */
  display: block;
  color: white;
  background-color: blue;
  background-color: attr(color); /* This won't work */
  display: none;
}
a:hover::after {
  display: block;
}
[hidden] {
  display: none;
}

<a href="#" color="red">Hover me!</a>
<a href="#" color="red" hidden>In some cases, it can be used to hide it!</a>

फिर, यदि आप पूछें कि क्या कस्टम विशेषता का उपयोग करना शब्दगत रूप से सही है तो मैं कहूंगा:

नहीं data-*, इसके शब्दार्थ उपयोग के लिए विशेषताओं का उपयोग करें।

---

उफ़, सवाल 2013 में पूछा गया था।