تصويرون ۽ مواد لاء HTML IMG ٽيگ جو استعمال ڪريو
HTML IMG ٽيگ هڪ ويب پيج جي اندر تصويرن ۽ ٻين جامد گرافاتي شيون جي داخل ٿيڻ کي سنڀاليندو آهي. اهو عام ٽئڪس ڪيترن ئي لازمي ۽ اختياري خاصيتن کي سپورٽ ڪري ٿو جيڪو هڪ مشغلو، تصويري، بااختيار ويب سائيٽ ڊزائين ڪرڻ جي توهان جي صلاحيت ۾ شامل ڪري ٿو.
هڪ مڪمل طور تي ٺهيل HTML IMG جي ٽيگ جو هڪ مثال هن طرح ڏسندي آهي:
گهربل IMG ٽيگ جون خاصيتون
ايس آر سي. صرف هڪ خاصيت توهان کي ويب پيج تي ڏيکارڻ لاء هڪ تصوير حاصل ڪرڻ جي ضرورت آهي SRC خاصيت. منسوب ٿيل تصوير جي فائل ۽ مقام جي نمائش ڏيکاري ٿي.
ALT. صحيح XHTML ۽ HTML4 لکڻ لاء، اي ايل ٽي وصف پڻ گهربل آهي. اهو منسوب ٽيڪسٽ سان غير نظريا برائوزر مهيا ڪرڻ لاء استعمال ڪيو ويو آهي جيڪا تصوير بيان ڪري ٿي. برائوزر مختلف طريقن سان متبادل متن ڏيکاري ٿو. ڪجھ ماڻهو انهي کي پاپ اپ ٺاهيندا آهن جڏهن توهان پنهنجي مڇ کي تصوير تي آڻيندا آهيو، ٻيون اهو ان کي خاصيتن ۾ ڏيکاري ٿو جڏهن توهان تصوير تي ڪلڪ ڪريو، ۽ ڪجهه ڪجهه هن کي ڊسپلي نه ٿا ڪريو.
تصوير جي ويب سائٽ سان لاڳاپيل يا اهم نه آهي جيڪا تصوير جي باري ۾ اضافي تفصيلات ڏيڻ لاء alt ٽيڪسٽ استعمال ڪريو. پر ياد رهي ٿو ته اسڪرين جي پڙهندڙن ۽ ٻين ٽيڪنالاجي صرف برائوزررن ۾، متن کي باقي متن ۾ ڏنل صفحي سان پڙهي ويندي. مونجهارو کان بچڻ لاء، وضاحتي واري ڊي جملا استعمال ڪريو جيڪي چوي ٿو (مثال طور)، "لوگو" جي بجاء "ويب ڊزائينز ۽ HTML بابت".
HTML5 ۾، ALT خاصيت هميشه گهربل ناهي، ڇو ته توهان ان کي وڌيڪ وضاحت ڏيڻ لاء ڪوپشن استعمال ڪري سگهو ٿا. توهان خاص ڪري آرٽائيو آرڊي-DESCRIBEDBY کي سڃاڻپ ڪندڙ سڃاڻپ ڪري سگهو ٿا جيڪو مڪمل وضاحت ۾ آهي.
Alt text جي ضرورت به ناهي ته اها تصوير خالص آرائشي آهي، جهڙوڪ ويب پيج جي مٿين يا گرافڪ تي. پر جيڪڏهن توهان پڪ نه آهيو، ته صورت ۾ alt ٽيڪسٽ شامل هجي.
تجويز ٿيل ايم ايم جون خاصيتون
WIDTH ۽ HEIGHT . توھان کي هميشه ھميشہ ۽ WIGHTTH استعمال ڪندڙن جي عادت ۾ ٿيڻ گھرجي. ۽ توهان هميشه هميشه حقيقي سائيز استعمال ڪرڻ گهرجي ۽ توهان جي تصويرن کي برائوزر سان ٻيهر نه ڏيڻ گهرجي.
اهي خاصيتون هن صفحي جي رزق کي تيز ڪندا آهن ڇو ته برائوزر کي ڊزائن جي جڳهه ۾ جاء مختص ڪري سگهي ٿو، ۽ پوء مواد کي باقي ڊائون لوڊ ڪرڻ تائين، وڌائڻ واري تصوير کي انتظار ڪرڻ بدران.
ٻيا مفيد IMG خصوصيتون
TITLE منسوب هڪ عالمي وصف آهي جيڪو ڪنهن HTML جي عنصر تي لاڳو ڪري سگھجي ٿو. ان کان سواء، TITLE خاصيت توهان کي تصوير بابت اضافي معلومات شامل ڪرڻ جي اجازت ڏئي ٿي.
گهڻيون برائوزر TITLE خاصيت جي حمايت ڪن ٿا، پر اهي اهو مختلف طريقن سان ڪندا آهن. ڪجھ متن ھڪڙي پاپ اپ وانگر ڊسپلي ڪندا آھن، جڏھن اھي ان کي معلومات جي اسڪرين ۾ ڏيکاري ٿي، جڏھن تصوير تي ڪلڪ ڪريو. توھان تصوير جي باري ۾ اضافي معلومات لکڻ لاء TITLE خاصيت استعمال ڪري سگھو ٿا، پر ھن ڄاڻ تي پرواھ نه ھجڻ يا ڳجھي يا ظاھر ٿيندو. توهان کي گهڻو ڪري پڪ ڪرڻ نه گهرجي ته ڳولا جي ڳولا لاء ڳولاين کي لڪائڻ لاء. اهو عمل اڪثر ڪري ڳولڻ واري انجنيئر جي ذريعي جڙيل آهي.
USEMAP ۽ ايس ايم ايپ . اهي ٻه خاصيتون توهان جي تصويرن ڏانهن ڪلائنٽ-پاسي () ۽ سرور-پاسي (ISMAP) تصويرون نقشا ٺاهيون.
LONGDESC . منسوب جي تصوير جي وڌيڪ وضاحت سان منسوب ڪئي وئي آهي. هي مضمون توهان جي تصويرن کي وڌيڪ رسائي ڏئي ٿو.
خراب ٿيل ۽ غير مستند ايم ايم جي خاصيتون
ڪيترائي خاصيتون هاڻي HTML5 ۾ ناپسند هوندا آهن يا HTML4 ۾ خراب ٿيل آهن. بهترين HTML لاء، توهان کي انهن خاصيتن جي استعمال ڪرڻ بدران ٻيا حل ڳولڻ گهرجي.
BORDER . منسوب تصوير جي چوڌاري ڪنهن سرحد جي پگهار جي چوڪائي کي چوڪايو آهي. اهو HTML4 ۾ سي ايس جي حق ۾ خراب ٿي چڪو آهي ۽ HTML5 ۾ ناپسندي آهي.
ALIGN . اها منسوب توهان کي متن اندر اندر تصوير رکي ۽ ان جي چوڌاري متن جي وهڪري کي اجازت ڏئي ٿي. توهان هڪ تصوير کي دائیں يا کاٻي طرف صفا ڪري سگھو ٿا. اهو فلوٽ CSS4 پراپرٽمنٽ ۾ HTML4 جي حق ۾ خراب ٿي چڪو آهي ۽ HTML5 ۾ ناپسندي آهي.
HSPACE ۽ VSPACE . HSPACE ۽ VSPACE خاصيتون افقي اسپني اسپيڪٽ (HSPACE) ۽ عمودي (VSPACE) شامل ڪن ٿا. گرافڪ جي مٿين طرفن جي اڇي جڳھ کي شامل ڪيو ويندو (مٿي ۽ تري ۽ بائیں ۽ ساڄي)، تنهنڪري جيڪڏهن توهان کي صرف هڪ پاسي تي جاء جي ضرورت آهي، ته توهان CSS استعمال ڪرڻ گهرجي. اهي خاصيتون HTML4 ۾ مارجن ايس ايس جي ملڪيت جي حق ۾ محروم ٿي ويا آهن، ۽ اهي HTML5 ۾ ناپسند هوندا آهن.
LOWSRC . جڏهن ته LOWSRC خاصيت هڪ متبادل تصوير فراهم ڪري ٿي جڏهن توهان جي تصوير جو ذريعو ايتري وڏي آهي جيڪا اهو انتهائي تيزيء سان ڊائون لوڊ ڪري ٿو. مثال طور، توهان وٽ شايد هڪ تصوير آهي جيڪا 500 ڪلو آهي جيڪا توهان پنهنجي ويب صفحي تي ڊسپلي ڪرڻ چاهيو، پر 500KB ڊائون لوڊ ڪرڻ لاء ڊگهي وقت وٺندي. تنهنڪري توهان تصوير جي هڪ ننڍڙو ننڍڙو ڪاپي ٺاهي، شايد شايد ڪارو ۽ اڇو ۾ يا صرف انتهائي بهتر ڪيو وڃي، ۽ انهي کي LOWSRC خاصيت ۾ وجهي. ننڍا تصوير پهريون ڀيرو ڊائون لوڊ ۽ ڊسپلي ڪنداسين، ۽ پوء جڏهن وڏي تصوير ظاهر ٿئي ٿي ته اها گهٽ ذريعو هڪ جاء بدلائي ويندي.
LOWSRC خاصيت ايمٽس ٽئڪ تي نيٽسڪ نيويگيٽر 2.0 ۾ شامل ڪيو ويو. اهو ڊوم سطح 1 جو حصو هوندو هو پر پوء ڊوم سطح کان هٽايو ويو هو. برائوزر جي سپورٽ هن خاصيت لاء خاڪي ڪئي وئي آهي، جيتوڻيڪ گهڻن سائيٽن جو دعوي آهي ته اهو جديد جديد برائوزر جي مدد سان آهي. اهو HTML4 ۾ ختم ٿيل نه آهي يا اڻ گهربل HTML5 ۾ آهي ڇو ته اهو ڪنهن به وضاحت جو سرڪاري حصو نه هوندو هو.
هن خاصيت کي استعمال ڪرڻ کان بچايو ۽ بجاء پنهنجي تصويرن کي بهتر بنائڻ لاء اهي جلدي لوڊ ڪريو. ويب پيج جي لوڊشيڊنگ سٺو ويب ڊيزائن جو هڪ نازڪ حصو آهي، ۽ وڏيون تصويرون سست صفحا گهڻو ڪري-جيتوڻيڪ توهان LOWSRC خاصيت استعمال ڪريو ٿا.