د ټي ام ټي امتيازات

د انځورونو او اهدافو لپاره د HTML IMG ټګ کارول

د HTML IMG لیک د ویب پاڼې دننه انځورونو او نورو جغرافیوي شیانو داخلول اداره کوي. دا عام ټیک ډیری ضروري او اختیاري ځانګړتیاوې لري چې ستاسو د ښکیلتیا، انځوریز متمرکز ویب پاڼه ډیزاین کولو توان لري.

د بشپړ بشپړ شوي HTML IMG ټګ مثال یوه بیلګه ده داسې ښکاري:

د امتیاز ټیم Tag Attributes

SRC. یواځې ځانګړتیا چې تاسو ورته اړتیا لرئ په ویب پاڼه کې د ښودلو لپاره د SRC خاصیت دی. دا خاصیت د عکس دوتنې نوم او موقع ښیي چې باید ښکاره شي.

ALT. د صحيح XHTML او HTML4 لیکلو لپاره، د ALT خاصیت هم اړین دی. دا خاصیت د غیر متنبین براؤزرونو چمتو کولو لپاره کارول کیږي چې متن سره بیان کړي. لټونګر بدیل متن په بیلابیلو لارو وړاندې کوي. ځینې ​​یې دا د پاپ اپ په توګه وښيي کله چې تاسو خپل عکس په عکس کې وساتئ، نور یې په هغه ملکونو کې چې تاسو یې سم دي په نښه کړئ. په انځور کې کلیک وکړئ، او ځینې یې په ټولو کې نه ښودل کیږي.

د انځور متن په اړه نور جزئيات ورکړئ چې د ویب پاڼې متن ته اړین یا مهم نه وي د alt متن څخه کار واخلئ. مګر په یاد ولرئ چې په اسکرین لوستونکي او نور متن یوازې براؤزرونو کې، متن به د پاڼې نور پاتې متن سره په انلاین کې ولوستل شي. د ګډوډولو څخه مخنیوی لپاره، د تشریح شوي alt متن وکاروي چې د (مثال په توګه)، "د لوگو" په ځای "د ویب ډیزاین او HTML په اړه".

په HTML5 کې، د ALT خاصیت تل د اړتیا وړ نه دی، ځکه چې تاسو کولی شئ د دې کتنې په کارولو سره د دې لپاره نور تفصیل اضافه کړئ. تاسو کولی شئ د ARIA-DESCRIBEDBY ځانګړتیا وکاروئ چې د هغه ID ښکارندوی کړئ چې بشپړ تفصیل لري.

د الاټ متن ته هم اړتیا نه ده که چیرې انځور په بشپړ ډول آرشیف وي، لکه د ویب پاڼې یا شبیونو په سر کې ګراف. مګر که تاسو ډاډه نه یاست، د مثال په صورت کې د alt متن شامل کړئ.

د سپارښت شوي امتیاز خصوصیات

WIDTH او HEIGHT . تاسو باید تل د WIDTH او HEIGHT ځانګړتیاوو څخه کار واخلئ. او تاسو باید تل د حقیقي اندازې کارولو څخه کار واخلئ او ستاسو انځورونه د برنر سره بدله کړئ.

دا ځانګړتیاوې د پاڼې پایلې تیزوي ځکه چې براؤزر کولی شي د انځور لپاره په ډیزاین کې ځای تخصیص کړي، او بیا د بشپړ عکس اخیستلو په ځای، د نورو محتوياتو ډکولو ته ادامه ورکړي.

د ګټورو امتیازاتو ځانګړتیاوې

TITLE . خاصیت یو نړیوال خصوصیت دی چې کولی شي په HTML بڼه کې تطبیق شي. سربېره پر دې، د TITLE خاصیت ته اجازه درکوي چې د انځور په اړه اضافي معلومات اضافه کړئ.

ډیری براؤزر د TITLE خاصیت ملاتړ کوي، مګر دوی په مختلفو لارو کار کوي. ځینې ​​متن متن د پاپ اپ په څیر څرګندوي پداسې حال کې چې نور یې د معلوماتو اس اسډیو کې ښودل کوي کله چې کارن په عکس کې ښی رڼې کلیک کوي. تاسو کولی شئ د انځور په اړه اضافي معلومات ولیکئ ترڅو د انځور په اړه اضافي معلومات ولیکئ، مګر په دې معلومات باندې مه شمېرئ چې پټ یا ښکاره وي. تاسو باید په واقعیت سره دا کار ونه کارول ترڅو د لټون انجنونو لپاره کلیدي پټنځایونه پټ کړئ. دا عمل اوس د ډیری سرچینو انجنونو لخوا مجازات کیږي.

USEMAP او ISMAP . دا دوه خاصیتونه ستاسو د انځورونو لپاره د مراجعینو طرف () او د سرور-طرف (ISMAP) عکس نقشه ټاکي.

لنګس سي . خاصیت د انځور خورا اوږد تفصیل ته URL ته ملاتړ کوي. دا ځانګړتیاوې ستاسو انځورونه د لاسرسی وړ دي.

د امتیاز او منلو وړ امتیازات

څو ځانګړتیاوې اوس په HTML5 کې بې پامه دي یا په HTML4 کې بې ځایه شوي. د غوره HTML لپاره، تاسو باید د دې ځانګړتیاوو په کارولو سره نور حلونه ومومئ.

بورډر . خاصیت د انځور په شاوخوا کې د هر سرحد سرحد پکسل کې تعریفوي. دا په HTML4 کې د سی ایس ایس په حق کې بې برخې شوی او په HTML5 کې ناپاک دی.

ALIGN . دا خاصیت تاسو ته اجازه درکوي چې متن کې دننه انځور واچوي او په شاوخوا کې د متن فضا ولري. تاسو کولی شئ یو انځور د ښي او ښي لور ته. دا په HTML4 کې د فلاټ سی ایس ایس ملکیت په حق کې بې برخې شوی او په HTML5 کې ناپاک دی.

HSPACE او VSPACE . HSPACE او د VSPACE ځانګړتیاوې د سپینې ځای افقی (HSPACE) او عمودی (VSPACE) اضافه کوي. سپینه ځای به د ګرافیک په دواړو خواو کې اضافه شي (پورته او ښکته یا ښي او ښي)، نو که تاسو یوازې یو اړخ ته اړتیا لرئ، نو تاسو باید CSS استعمال کړئ. دا خاصیت په HTML4 کې د margin CSS property په ګټه خنډ شوی، او دوی په HTML5 کې ناپاک دي.

LOWSRC . د LOWSRC خاصیت یو بدیل انځور وړاندې کوي کله چې ستاسو د انځور منبع ډیره لویه ده چې دا خورا ورو ورو ډکوي. د مثال په توګه، تاسو ممکن یو انځور ولرئ چې 500 کیلوګرامه وي چې تاسو غواړئ په خپل ویب پاڼه کې وښایئ، مګر 500KB به د ډیللو لپاره خورا اوږده وخت واخلي. نو تاسو د انځور خورا کوچنۍ کاپي جوړه کړئ، شاید ممکن په تور او سپینه کې وي یا یوازې خورا ښه شوی، او هغه د LOWSRC خاصیت کې وساتئ. کوچنۍ عکس به لومړی لومړی ډک کړي او بیا به کله چې لوی عکس ښکاره شي دا به د ټیټ سرچینې بدل شي.

د LOWSRC ځانګړتیا د IMG ټیکس ته د نیټسیک نیویګریټر 2.0 ته اضافه شوه. دا د DOM سطح 1 برخه وه مګر وروسته بیا د DOM د کچې څخه لیرې کړای شوه. د دې ځانګړتیا لپاره د براؤزر مالتړ نښې وې، سره له دې چې ډیری سایټونه ادعا کوي چې دا د ټولو عصري براؤزرونو لخوا ملاتړ کیږي. دا په HTML4 کې بې ځایه شوې یا په HTML5 کې ناپاک شوی نه دی ځکه چې دا هیڅکله د کومې ځانګړتیا رسمي برخه نه وه.

د دې خاصیت کارولو څخه ډډه وکړئ او په ځای یې خپل انځورونه غوره کړئ ترڅو دوی ژر تر ژره بوخت شي. د ګرافونو سرعت د ښه ویب ډیزاین یوه مهمه برخه ده، او لوی انځورونه ډیر سست پاڼې لري حتی که تاسو د LOWSRC خاصیت کاروئ.