اڄ به ڪنهن ويب پيج تي آن لائين ڏسو ۽ توهان کي خبر پئجي ويندي ته اهي ڪجهه شيون عام ۾ حصيداري ڪريو. انهن حصن ۾ ورهايل خاصيتن مان هڪ تصويرون آهي. صحيح تصويرون ويب سائيٽ جي پريسڪشن تي گهڻو ڪجهه شامل ڪيو. انهن مان ڪجهه تصويرون، هڪ ڪمپني جي علامت (لوگو) وانگر، سائيٽ برانڊن ۾ مدد ڪريو ۽ ڊجيٽل اداري پنهنجي جسماني ڪمپني سان ڳنڍڻ.
پنهنجي ويب پيج تي هڪ تصوير، آئوٽ يا گرافڪس شامل ڪرڻ لاء، توهان کي صفحي جي HTML ڪوڊ ۾ ٽيگ کي استعمال ڪرڻ جي ضرورت آهي. توهان پنهنجي HTML ۾ IMG جي ٽيگ کي جاء تي رکي سگهو ٿا جتي توهان گرافڪ ڊسپلي ڪرڻ چاهيو ٿا. ويب برائوزر جيڪو صفحي جي ڪوڊ کي رينجر ڪيو ويندو آهي هن صفحي کي هڪ دفعو ڏسڻ واري مناسب گرافڪس سان تبديل ڪندو. اسان جي ڪمپني علامت (لوگو) ڏانهن واپس وڃو مثال، ھتي آھي ته توھان ڪھڙو تصوير توھان جي سائيٽ ڏانھن شامل ڪري سگھو ٿا:
تصويري جا خاصيت
مٿي ڏنل HTML ڪوڊ ڏسو، توهان ڏسندا ته اهو عنصر ٻن صفات شامل آهي. انهن مان هر هڪ تصوير جي ضرورت آهي.
پهرين منسوب آهي "src". اهو ڪافي لفظي شڪل وارو فائل آهي جيڪو توهان صفحي تي ڏيکاري ٿو. اسان جي مثال ۾ اسان "لوگو.png" نالي هڪ فائيل استعمال ڪري رهيا آهيون. هي اهو گرافڪ آهي جنهن کي ويب برائوزر جڏهن سائيٽ ڏني وئي هجي ها.
توهان اهو پڻ نوٽيس ڪنداسين ته هن فائل جو نالو اڳ، اسان ڪجهه اضافي معلومات شامل ڪيو، "/ تصويرون /" شامل آهن. اهو فائيل رستو آهي. شروعاتي سليش سرور کي ٻڌائي ٿو ته ڊاريڪٽري جي روٽ کي ڏسڻ لاء. انهي کان پوء اها "تصويرون" نالي هڪ فولڊر جي نظر ايندي ۽ آخرڪار "لوگو.png" نالي فائل. هڪ فولڊر جو استعمال ڪندي "تصويري" کي استعمال ڪندي سڀني سائيٽ جي گرافڪس کي تمام گهڻو مشق آهي، پر توهان جي ويب سائيٽ جو هر ڪنهن سان لاڳاپيل آهي پر توهان جي فائل جو رستو تبديل ٿي ويندي.
ٻيو ضروري گھربل "alt" متن آهي. هي اهو "متبادل متن" آهي، جيڪا ڏيکاريل آهي ته جيڪڏهن تصوير ڪجهه سببن ۾ ناڪام ٿيڻ ۾ ناڪام ٿئي. اهو متن، جيڪو اسان جي مثال ۾ "ڪمپني لوگو" کي پڙهي سگهندو آهي جيڪڏهن تصوير کي لوڊ ڪرڻ ۾ ناڪام ٿيندو. ائين ڇو ها؟ سببن جا سبب
- غلط فائل جو رستو
- غلط فائل يا غلطي غلط
- ٽرانسميشن جي غلطي
- فائل سرور کان ڊهي ويو
اهي صرف ڪجهه امڪان آهن ڇو ته اسان جي مخصوص تصوير ملي سگهي ٿي. اهڙن ڪيسن ۾، اسان جي alt متن بدران ڏيکاري سگهندي.
اسڪرپٽ پڙهندڙ سافٽ ويئر طرفان اختياري ٽيڪسٽ پڻ استعمال ڪيو ويو آهي جيڪو ڏسڻ وارو تصوير ڏسڻ وارو "پڙهي" ڏسڻ وارو آهي. ڇاڪاڻ ته اهي اسان تصويرن وانگر نه ٿا ڏسي سگهون، هي ٽيڪس انهن کي ڄاڻڻ جي اجازت ڏئي ٿي ته پاڻ تصويري آهي. اهو ڇو ته alt ٽيڪسٽ گهربل آهي ۽ انهي کي واضع ڪرڻ گهرجي ته اها تصوير ڪهڙي آهي!
alt جي لکت جو هڪ عام غلط فڪر اهو آهي ته اهو ڳولڻ واري انجڻ جي مقصد لاء آهي. اهو سچ ناهي. جڏهن گوگل ۽ ٻيون سرچ انجڻ هن متن کي پڙهي سگهندا آهن ته تصوير ڇا آهي (ياد رهي، اهي نه آهن "توهان جي تصوير" ڏسو)، توهان کي صرف ڳوڙهي ڳولا ڪرڻ لاء ڳولا ڪرڻ لاء alt متن لکڻ نه گهرجي. ليکڪ صاف alt جو متن جيڪو انسان لاء آهي. جيڪڏهن توهان ڪجهه لفظ پڻ شامل ڪري سگھو ٿا ته انجڻ کي اپيل ڪريو ته اهو مناسب آهي، پر هميشه پڪ آهي ته alt ٽيڪسٽ پنهنجي بنيادي مقصد کي ڀرپور ڪري رهي آهي، انهي کي بيان ڪندي جيڪو تصوير جي گرافڪس فائل ڏسي نه ٿو سگهي.
ٻيا خصوصيتون
جڏهن ته ايم ايم ٽيگ پڻ توهان جي ويب پيج تي گرافڪ وجهي ٻه استعمال ڪري ٿو، جيڪا توهان استعمال ۾ ڏسي سگهو ٿا. چوڻي ۽ اونچائي. مثال طور، جيڪڏهن توهان هڪ WYSIWYG ڊائريڪٽر وانگر Dreamweaver جو استعمال ڪريو ٿا، اهو خودڪار طور تي توهان لاء هي معلومات شامل ڪري ٿو. هتي هڪ مثال آهي:
WIDTH ۽ HEIGHT خاصيتون برائوزر واري تصوير کي ٻڌائي ٿو. برائوزر پوء اهو ڄاڻي ٿو ته ترتيب ۾ ڪيترا جڳهه مختص ڪرڻ واري آهي، ۽ اهو تصوير ڊائونلوڊ جي دوران صفحي تي ايندڙ عنصر ڏانهن منتقل ڪري سگهي ٿو. مسئلو توهان جي HTML ۾ ڏنل معلومات استعمال ڪرڻ سان مسئلو آهي ته توهان هميشه پنهنجي تصوير کي درست انداز ۾ ڊسپلي ڪرڻ نٿا چاهيو. مثال طور، جيڪڏهن توهان وٽ هڪ لازمي ويب سائيٽ آهي جن جي ترتيب ڏيڻ وارن ملڪن جي اسڪرين ۽ ڊوائيس جي ماپ تي ٻڌل آهي، توهان کي پڻ توهان جي تصويرن کي لچڪدار بڻائڻ چاهيو. جيڪڏهن توهان پنهنجي HTML ۾ ٻڌاء ٿا ته ڪهڙي مقرر ڪيل سائيز آهي، توهان کي قبول ڪندڙ ايس ڊي ميڊيا سوالن سان اوورلوڊ ڪرڻ ۾ تمام ڏکي پئجي ويندي. انهي جي سبب، ۽ انداز (سي ايس ڊي) ۽ جوڙجڪ (HTML) کي الڳ ڪرڻ لاء، اها سفارش ڪئي وئي آهي ته توهان چوٿون ۽ اونچائي خاصيتون پنهنجي HTML ڪوڊ ۾ شامل نه ڪندا آهيو.
هڪ نوٽ: جيڪڏهن توهان اهي سمجهه واري هدايتون کي ڇڏيندا آهيو ۽ سي ايس ۾ سائيز جي وضاحت نه ڪريو، برائوزر اس تصوير کي پنهنجي اصلي، اصلي اندازي ۾ به ڏيکاريو.
جيريمي Girard پاران ڏنل