क्या यह सच है कि चित्रों/आइकन प्रदर्शित करने के गलत तरीके से & सही तरीके से सही हैं?
मेरा मतलब है कि अख़बार लेख की सभी तस्वीरें पृष्ठभूमि छवियों के रूप में शामिल करना बहुत अनुकूल नहीं है क्योंकि इस तरह, स्क्रीन पाठक alt
टेक्स्ट को नहीं पढ़ सकते हैं, लेकिन आइकन या उपयोगकर्ता इंटरफ़ेस तत्वों के बारे में क्या? क्या यह पृष्ठभूमि-छवियों के रूप में शामिल करने के लिए एक अर्थपूर्ण उन्मुख दृष्टिकोण से न्यायसंगत है?एचटीएमएल - छवियों/आइकन/उपयोगकर्ता इंटरफेस तत्व प्रदर्शित करने का अर्थपूर्ण तरीका?
उत्तर
विभिन्न प्रकार की छवियों को प्रदर्शित करने के कुछ अर्थात् सही और गलत तरीके हैं।
- सामान्य छवियों यह मानक
<img>
टैग का उपयोग करना बेहतर है क्योंकि वे अक्सर एक साइट की मुख्य सामग्री। सामग्री के महत्वपूर्ण हिस्सों के बारे में उपयोगकर्ताओं को सूचित करने के लिए इन्हेंalt
टैग होना चाहिए। - आइकन एक ऐसी छवि है जो आपकी साइट की मुख्य सामग्री नहीं है, लेकिन उन्हें
<img>
टैग का उपयोग करके भी प्रदर्शित किया जाना चाहिए क्योंकि यह दिखाने के लिए उपयोग करना महत्वपूर्ण है कि कौन से विशिष्ट आइकन सही तरीके से प्रदर्शित नहीं होते हैं। - महत्वपूर्ण तस्वीरें जो साइट को अच्छी बनाती है और साइट की मुख्य सामग्री नहीं होती है, पृष्ठभूमि के रूप में प्रदर्शित की जानी चाहिए, क्योंकि तब आप अपने
DOM
में अनावश्यक नोड्स का उपयोग नहीं करते हैं।
बिंगो! मैं यह भी जोड़ना चाहता हूं कि तथाकथित "गैर-महत्वपूर्ण" तत्व अक्सर पृष्ठ से पृष्ठ पर और शायद उसी पृष्ठ के संदर्भ में भी दोहराए जाते हैं। तो सीएसएस के माध्यम से पृष्ठभूमि के रूप में लोड करने से भी प्रतिपादन भी बाहर हो जाएगा। – JakeGould
मुझे नहीं लगता कि आपको आइकन को उस प्रतीक का प्रतिनिधित्व करने के लिए एक अलग तत्व के रूप में शामिल करना चाहिए; जैसे एक img
या i
।
इसके बजाय प्रत्येक आइकन एक विशिष्ट फ़ंक्शन का प्रतिनिधित्व करता है - इसलिए आपको उस तत्व का उपयोग करना चाहिए जिसका उपयोग उस कार्यक्षमता के लिए किया जा सकता है, उदा। एक एंकर a
या button
। उन तत्वों में से प्रत्येक में गैर ग्राफिकल सामग्री होनी चाहिए जिसे स्क्रीन पाठकों और वेब मकड़ियों द्वारा पार्स किया जा सकता है। फिर आप कुछ ग्राफिकल आइकन के लिए पृष्ठभूमि छवियों का उपयोग करके उन तत्वों को सुंदर बना सकते हैं।
आइकन के लिए अलग मार्कअप का उपयोग करना एक अर्थपूर्ण त्रुटि/गलती है। आइकन स्वयं कुछ भी नहीं करता है। अंतर्निहित तत्व के कार्य को याद रखने के लिए यह सिर्फ वहां है। लेकिन वास्तव में वे तत्व तब भी होते हैं जब आप आइकन हटाते हैं।
तो हाँ, मैं हमेशा आइकन को पृष्ठभूमि तत्वों के रूप में प्रत्यक्ष रूप से या जेनरेट किए गए छद्म तत्व में शामिल करता हूं।
- 1. एचटीएमएल में सड़क का पता लगाने का सबसे अर्थपूर्ण तरीका क्या है?
- 2. क्या एचटीएमएल तत्व की शीर्षक विशेषता लंबे समय तक प्रदर्शित करने का कोई तरीका है?
- 3. क्या एचटीएमएल और सीएसएस के साथ पाठ को समझने का कोई अर्थपूर्ण तरीका है?
- 4. स्थान प्रदर्शित करने का सबसे आसान तरीका?
- 5. स्टाइलिंग एचटीएमएल 5 तत्व
- 6. एचटीएमएल तत्व
- 7. एचटीएमएल तत्व
- 8. डब्ल्यूसीएफ इंटरफेस दस्तावेज करने का सबसे अच्छा तरीका?
- 9. एचटीएमएल तत्व
- 10. एचटीएमएल में संपादन योग्य सूची (स्प्रेडशीट की तरह) प्रदर्शित करने का सबसे आसान तरीका क्या है?
- 11. एचटीएमएल तत्व
- 12. एचआर तत्व का उपयोग करने के लिए यह अर्थपूर्ण रूप से सही कब है?
- 13. एचटीएमएल तत्व?
- 14. एचटीएमएल स्लाइडर तत्व?
- 15. क्या माउस के लिए एचटीएमएल तत्व को पूरी तरह से अनदेखा करने का कोई तरीका है?
- 16. इसकी सामग्री के साथ एचटीएमएल 5 कैनवास तत्व क्लोन करने का कोई तरीका?
- 17. क्यूटी में एचटीएमएल का विश्लेषण करने का सबसे अच्छा तरीका?
- 18. बड़ी छवियों को ऑनलाइन प्रदर्शित करने का एक अच्छा तरीका
- 19. Express.js - फ़ाइल/डीआईआर लिस्टिंग प्रदर्शित करने का कोई तरीका?
- 20. क्या आईपैड सिम्युलेटर फुलस्क्रीन प्रदर्शित करने का कोई तरीका है?
- 21. फ्लैश संदेश प्रदर्शित करने का सर्वोत्तम अभ्यास तरीका
- 22. हम एचटीएमएल 5 के साथ कितना अर्थपूर्ण हो सकते हैं?
- 23. ऑडियो तत्व प्रदर्शित नहीं करेगा/फ़ायरफ़ॉक्स
- 24. साइड नोट्स और एडमिशन प्रदर्शित करने के लिए कौन सा अर्थपूर्ण HTML टैग?
- 25. क्या एचटीएमएल तत्व
- 26. कॉपीराइट जानकारी के लिए सही अर्थपूर्ण टैग - एचटीएमएल 5
- 27. एचटीएमएल 5 नेविगेशन तत्व
- 28. एचटीएमएल तत्व में कई नामस्थानों का उपयोग
- 29. एचटीएमएल कैनवास तत्व
- 30. एचटीएमएल 5 कैनवास तत्व
आइकन के लिए सीएसएस कक्षाओं के साथ 'i' तत्वों का उपयोग करने की प्रवृत्ति है। यदि यह अच्छी प्रवृत्ति है, तो मुझे नहीं पता। आम तौर पर, आईएमओ, जो कुछ भी यूआई से संबंधित है (जिसमें आइकन शामिल हैं) सीएसएस में होना चाहिए। –
@ फ़ेलिक्सक्लिंग मैं तर्क दूंगा कि आइकन का विशाल बहुमत अभी भी सामग्री है। उनके पास इसका अर्थ है और इसमें मूल्य जोड़ना है। वे केवल कुछ पृष्ठभूमि सजावट नहीं हैं जिन्हें सामग्री को प्रभावित किए बिना हटाया जा सकता है। – tomasz86