نن ورځ هرې ویب پاڼې وګورئ او تاسو به وګورئ چې دوی ځانګړي شیان په عام ډول شریکوي. د دغو ګډ شویو ځانګړتیاوو څخه یو انځورونه دي. ښی انځورونه د ویب پاڼې پریزنټشن ته خورا زیات اضافه کوي. ځینې هغه انځورونه لکه د شرکت علامه، د سټنډرډ سره مرسته کول او د هغه ډیجیټل شرکت ستاسو فزیکي شرکت سره اړیکه ونیسي.
د خپل ویب پاڼې ته عکس، نښه، یا ګرافیک اضافه کولو لپاره، تاسو اړتیا لرئ چې د پاڼې په HTML کې کود وکاروئ. تاسو په خپل HTML کې د IMG ټیم ځای په ځای کړئ چیرې چې غواړې تاسو ګرافیک ښکاره کړئ. د وېب براډر چې د پاڼې د کوډ تکرار کوي دا پاڼه د پاڼې لیدل کېدو سره سم مناسب ګرافیک سره بدلوي. زموږ د کمپني لوګو بېلګې ته بیرته تلل، دلته دا ده چې تاسو څنګه کولی شئ دا سایټ ستاسو سایټ ته اضافه کړئ:
د انځور ځانګړتیاوې
پورته د HTML کوډ کوډ کول، تاسو به وګورئ چې عنصر دوه ځانګړتیاوې لري. هر یو د عکس لپاره اړتیا لري.
لومړی خاصیت "src" دی. دا په سمه توګه د عکس دوتنه ده چې تاسو یې په پاڼه کې ښودل کیږئ. زموږ په مثال کې موږ د "logo.png" په نوم یو فایل کاروو. دا ګرافیک دی چې د ویب براؤزر به هغه وخت وښیي چې دا سایټ وړاندې کړي.
تاسو به هم یادونه وکړئ چې د دې دوتنې نوم دمخه، موږ اضافي اضافي معلومات اضافه کړې، "/ انځورونه /". دا د دوتنې لاره ده. لومړنی مخکنی سلیش سرور ته وایي چې د ډایرکټر ریډ ته ګوري. بیا به د "انځور" په نوم یو فولډر وګورئ او په پای کې د "logo.png" په نوم فایل. د فولډر په کارولو سره "د انځورونو" په نوم پیژندل کیږې چې د هر ګورت سایټونو ذخیره کولو لپاره یو ډیر عام تمرین دی، مګر ستاسو د فایل لار به ستاسو په سایټ کې هر څه په اړه بدل شي.
دوهم اړین ځانګړتیا د "alt" متن دی. دا د "بدلیدونکی متن" دی چې ښودل شوي که چیرې تصویر د ځینو علتونو لپاره د پورته کولو توان نلري. دا متن، کوم چې زموږ په مثال کې "د کمپني لوګو" لوستل کیږي که چیرې عکس د پورته کولو توان نلري. ولې دا واقع کیږي؟ یو شمیر دلیلونه:
- ناسمه دوتنه لار
- ناسمه دوتنه نوم یا یادښت
- د لېږد تېروتنه
- دوتنه د پالنګر لخوا ړنګ شوی
دا یوازې یو څو احتمالونه دي چې ولې زموږ ځانګړی انځور شتون لري. په دې قضیو کې، زموږ د alt متن بدلیدلی شي.
د Alt متن هم د اسالمي لوستونکي سافټویر لخوا د لیدونکي لپاره "انځور" ته د لید لید لپاره لیدل کیږي کوم چې لید لیدل کیږي. ځکه چې دوی د هغه انځور لکه څنګه چې موږ یې نه ویني، دا متن دوی ته دا معلومه کوي چې پخپله عکس څه دی. له همدې امله alt متن ته اړتیا ده او ولې باید روښانه شي چې دا انځور څه دی؟
د alt متن متن یو عمومي غلطی دی چې دا د لټون انجنی مقاصد لپاره دی. دا ريښتیا نه ده. په داسې حال کې چې ګوګل او نور سرچینې انجنونه دا متن لوستلو لپاره د دې انځور په اړه لوستل کوي (عکس، دوی نشي کولی "ستاسو انځور" وګورئ)، تاسو باید یوازې د پلټنې سرچینو ته د اپیل کولو لپاره alt متن ولیکئ. لیکوال واضح alt متن چې د انسان لپاره دی. که تاسو ځینې کلیدي کلمې هم په نښه کړئ چې د پلټنې انجنونو ته اپیل کوي، دا سم دي، مګر تل ډاډمن کړئ چې د alt متن متن د خپل اصلي مقصد خدمت کوي چې د هغه چا لپاره کوم انځور دی چې د ګرافیک فایل ونه لیدل شي.
نور خصوصیات
د IMG ټګ هم دوه نور ځانګړتیاوې لري چې تاسو یې په ویب پاڼه کې ګرافیک کړئ کله چې تاسو په کارولو سره وګورئ - چوکۍ او لوړوالی. د مثال په توګه، که تاسو د WYSIWYG مدیر کاروئ لکه Dreamweaver، دا په اتوماتيک ډول ستاسو لپاره دا معلومات اضافه کوي. دلته یو مثال دی:
د WIDTH او HEIGHT ځانګړتیاوې براؤزر د انځور اندازه اندازه کوي. بیا برنامه په دې پوهیږي چې په ترتیب کې څومره ځای ځای په ځای کیږي، او کولی شي د پاڼې ډاونلوډونو کې په راتلونکې پاڼه کې حرکت وکړي. ستاسو د HTML په اړه د دې معلوماتو کارولو ستونزه دا ده چې تاسو تل ستاسو انځور نه غواړئ چې په درست انداز کې نندارې ته وړاندې کړئ. د مثال په توګه، که تاسو یو ځواب ویونکي ویب پاڼه لرئ کوم چې د سایټیز اسیر او د وسایطو د اندازې پر بنسټ بدلون کول، تاسو به هم غواړئ چې ستاسو انځورونه انعطاف وړ وي. که تاسو په خپل HTML کې وضع کړئ کومې اندازې اندازه، تاسو به د ځواب ویونکي سی ایس ایس میډیا پوښتنې پوښتنو سره د ډیورنډولو لپاره خورا سخت وي. د دې دلیل لپاره، او د طرز (سی ایس ایس) او جوړښت (HTML) جلا کول، دا سپارښتنه کیږي چې چوکۍ او د لوړوالی ځانګړتیاوې ستاسو د HTML کود کې اضافه نه کړئ.
یو یاداښت: که تاسو د دې سایټ کولو لارښوونه پریږدوئ او سی ایس ایس کې اندازې مشخص کړئ، براؤزر به دا انځور د خپل اصلي، اصلي اندازې په هرصورت کې ښیي.
جیریمی Girard لخوا تصویب شوی