HTML <img> alt विशेषता
परिभाषा और उपयोग
alt विशेषता एक अनिवार्य विशेषता है, जो छवि को प्रदर्शित नहीं होने पर विकल्पित पाठ निर्दिष्ट करती है。
यदि आपको नज़र आने वाले कारणों से छवि को देखना नहीं मिला, तो alt विशेषता छवि को विकल्पित सूचना प्रदान कर सकती है:
- इंटरनेट की गति अच्छी नहीं है
- src विशेषता में त्रुटि
- ब्राउज़र छवि निष्क्रिय करता है
- उपयोगकर्ता एक स्क्रीन रीडर का उपयोग करता है
<img> टैग की alt विशेषता छवि को प्रदर्शित नहीं होने के लिए विकल्पित पाठ निर्दिष्ट करती है, जब छवि प्रदर्शित नहीं होती है या उपयोगकर्ता छवि प्रदर्शन को निष्क्रिय करता है, तो ब्राउज़र में छवि के बदले में प्रदर्शित की जाती है。
हम विद्यार्थियों को अनुशंसा करते हैं कि उनके दस्तावेज़ की हर छवि में इस विशेषता का उपयोग करें। इस तरह छवि नहीं होने पाए जाने पर, उपयोगकर्ता को नष्ट हुए वस्तु के बारे में कुछ जानकारी मिलेगी। और दिव्यांग लोगों के लिए, alt विशेषता अक्सर छवि की सामग्री को समझने का एकमात्र तरीका है।
सूचना:यदि आप छवि के लिए टूलटिप बनाना चाहते हैं, तो इसे उपयोग करें title विशेषता!
सूचना और टिप्पणी
टिप्पणी:alt विशेषता का मूल्य 1024 अक्षरों के एक अधिकतम विस्तृत स्ट्रिंग हो सकता है, जिसमें जागरूकता और नष्टात्मक चिह्न शामिल हैं। यह स्ट्रिंग अनुच्छेदों में शामिल होनी चाहिए। इस alt पाठ में विशेष चिह्नों के एंबीडस उच्चारण को शामिल किया जा सकता है, लेकिन अन्य श्रेणियों के टैग को नहीं शामिल किया जा सकता है, विशेष रूप से कोई शैली टैग नहीं है。
टिप्पणी:जब उपयोगकर्ता माउस को img एलीमेंट पर ले जाता है, इंटरनेट एक्सप्लोरर ऐल्ट विशेषता के मूल्य को प्रदर्शित करेगा. यह व्यवहार सही नहीं है। सभी अन्य ब्राउज़र नियमों की ओर जा रहे हैं, जब तक कि छवि प्रदर्शित नहीं होती, तब तक विकल्पित पाठ प्रदर्शित किया जाएगा。
सूचना:यदि आप छवि के लिए टूलटिप बनाना चाहते हैं, तो इसे उपयोग करें title विशेषता。
उदाहरण
उदाहरण 1
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
यदि छवि प्रदर्शित नहीं होती, ब्राउज़र विकल्पित पाठ प्रदर्शित करेगा, जैसे इस तरह:
इसके अलावा, जब उपयोगकर्ता माउस को छवि के ऊपर ले जाता है, सबसे नए ब्राउज़र एक टेक्स्ट बॉक्स में वर्णनात्मक टेक्स्ट दिखाते हैं।नीचे के कोड में छवि के alt विशेषता में वर्णनात्मक टेक्स्ट जोड़ा गया है:
आप माउस को नीचे की तस्वीर पर ले जा सकते हैं, ताकि क्रमिक प्रभाव देख सकें:
लाल वृत्त में टेक्स्ट बॉक्स, जब उपयोगकर्ता माउस को छवि पर ले जाता है, IE7 ब्राउज़र द्वारा दिखाया जाने वाला प्रभाव है:
उदाहरण 2
प्रतिस्थापन टेक्स्ट को निर्धारित करने वाली छवि:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
व्याकरण
<img alt="text">
विशेषता मूल्य
| मूल्य | वर्णन |
|---|---|
| text |
छवि के प्रतिस्थापन टेक्स्ट को निर्धारित करें alt टेक्स्ट के उपयोग के सिद्धांतों:
|
ब्राउज़र समर्थन
| च्रोम | एज | फायरफॉक्स | सफारी | ऑपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सफारी | ऑपेरा |
| सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
