IMG Tag Attributes

Amfani da HTML IMG Tag don Hotuna da Abubuwan

Lambar IMG ta IMG ta nada samarda hotunan da wasu abubuwa masu zane-zane a cikin shafin yanar gizon. Wannan shafukan yanar gizo yana goyon bayan halayen da suka dace da kuma haɓaka waɗanda za su ƙara haɓaka ga ikon ku na zayyana intanet da aka mayar da hotuna.

Misali na cikakke HTML IMG tag kama da wannan:

Abubuwan da ake bukata IMG Tag Attributes

SRC. Abinda kawai kake buƙatar samun hoto don nunawa a shafin yanar gizon shine haɗin SRC. Wannan sifa yana gano sunan da kuma wurin da fayil ɗin za a nuna.

ALT. Don rubuta ainihin XHTML da HTML4, ana buƙatar alamar ALT. Ana amfani da wannan alamar samar da masu bincike maras amfani tare da rubutu wanda ya bayyana hoton. Masu bincike suna nuni da madadin rubutu a hanyoyi daban-daban. Wadansu suna nuna shi a matsayin farfadowa lokacin da ka sa linzaminka a kan hoton, wasu sun nuna shi a dukiya lokacin da ka danna dama a kan hoton, wasu kuma ba su nuna shi ba.

Yi amfani da matakan rubutu na sama don ƙarin bayani game da hoton da ba su dace ba ko mahimmanci ga rubutun shafin yanar gizon. Amma tuna cewa a cikin masu karatu da masu bincike da masu bincike kawai, za a karanta rubutu tare da sauran rubutun a shafi. Don kauce wa rikicewa, yi amfani da rubutu mai zurfi wanda ya ce (alal misali), "Game da Zane Yanar gizo da HTML" maimakon "logo".

A HTML5, ba'a buƙatar saiti ALT ba koyaushe ba, saboda zaka iya amfani da taken don ƙara ƙarin bayanin zuwa gare ta. Hakanan zaka iya amfani da siginar ARIA-DESCRIBEDBY don nuna ID wanda ya ƙunshi cikakken bayanin.

Ba'a buƙatar rubutu na Alt ba idan hoto ya zama na ado ba, kamar zane a saman shafin yanar gizo ko gumaka. Amma idan ba ku da tabbacin, hada da ƙarancin rubutu kawai idan akwai.

Sha'idodin IMG da aka ba da shawarar

WIDTH da HAKA . Ya kamata ku shiga cikin al'ada na yin amfani da WIDTH da HALO masu amfani. Kuma ya kamata kayi amfani da girman ainihin kullun kuma kada ku sake girman hotonku tare da mai bincike.

Waɗannan halayen suna haɓakar da ma'anar shafin saboda mai bincike zai iya raba sarari a cikin zane don hoton, sannan ci gaba da sauke sauran abubuwan, maimakon jira ga dukan hotunan don saukewa.

Sauran Ayyukan IMG Masu Amfani

TITLE . Sakamakon yana da siffar duniya wadda za a iya amfani da ita ga kowane nau'i na HTML . Bugu da ƙari, haɗin TITLE yana baka damar ƙara ƙarin bayani game da hoton.

Yawancin masu bincike suna goyan bayan TITLE attributa, amma sunyi shi a hanyoyi daban-daban. Wasu suna nuni da rubutu a matsayin farfadowa yayin da wasu ke nuna shi a fuskar fuska lokacin da mai amfani ya danna dama a kan hoton. Zaka iya amfani da haɗin TITLE don rubuta ƙarin bayani game da hoton, amma kada ka ƙidaya akan wannan bayanin yana ko dai boye ko bayyane. Ya kamata ka fi shakka kada ka yi amfani da wannan don boye kalmomi don injunan bincike. Wannan aikin ya karu yanzu ta yawancin injunan bincike.

USEMAP da ISMAP . Waɗannan halayen guda biyu sun sanya tashar hotuna na abokin ciniki () da kuma uwar garke (ISMAP) zuwa hotunanku.

LONGDESC . Sakamakon yana goyon bayan URLs zuwa bayanin da ya fi tsayi game da hoton. Wannan yanayin yana sa hotunanku ya fi dacewa.

Abubuwan da ba su da ƙaranci da kuma rashin halaye na IMG

Yawancin halayen yanzu sun ɓace a cikin HTML5 ko sun ɓata a cikin HTML4. Domin mafi kyau HTML, ya kamata ka sami wasu mafita maimakon yin amfani da waɗannan halayen.

BORDER . Sakamakon yana nuna nisa a cikin pixels na kowane iyaka kewaye da hoton. An ɓoye shi a cikin ni'imar CSS a HTML4 kuma yana da tsofaffi a cikin HTML5.

ALIGN . Wannan halayen yana ba ka damar sanya hoton a cikin rubutun kuma ka sa rubutun ya gudana a kusa da shi. Zaka iya tsara hoto a hannun dama ko hagu. An rushe shi a cikin ni'imar kaya na CSS a cikin HTML4 kuma yana da karuwa a cikin HTML5.

HSPACE da VSPACE . HSPACE da kuma VSPACE suna haɓaka sarari sararin samaniya (HSPACE) da kuma tsaye (VSPACE). Za a kara sararin samaniya a ɓangarorin biyu na hoto (sama da kasa ko hagu da dama), don haka idan kana buƙatar sarari a gefe guda, ya kamata ka yi amfani da CSS. Wadannan halaye sun rushe a cikin HTML4 a cikin goyon bayan gefe na CSS, kuma basu da yawa a cikin HTML5.

LOWSRC . Sakamakon LOWSRC yana samar da wata siffar da za a iya ɗaukar hoto lokacin da maɓallin hotunanka ya cika da cewa yana saukewa sosai. Alal misali, kana iya samun hoto wanda yake da 500KB da kake so a nuna a shafin yanar gizonku, amma 500KB zai dauki dogon lokaci don saukewa. Sabili da haka ka ƙirƙiri ƙaramin ƙananan hoton, watakila a cikin baki da fari ko kawai kawai aka gyara, kuma sanya wannan a cikin layin LOWSRC. Ƙananan hoton zai sauke kuma nuna farko, sa'an nan kuma lokacin da babban hoton ya bayyana zai maye gurbin mai ƙananan tushe.

An saka sifa LOWSRC zuwa Netscape Navigator 2.0 zuwa lambar IMG. Ya kasance wani ɓangare na matakin DOM 1 amma an cire shi daga matakin DOM 2. Taimakon bincike na bincike ne don wannan alamar, kodayake shafukan yanar gizo suna da'awar cewa duk masu bincike na zamani suna goyan baya. Ba a rage shi ba a HTML4 ko tsofaffi a cikin HTML5 saboda bai kasance wani ɓangare na koyaswa ba.

Ka guji yin amfani da wannan alamar kuma maimakon ɗaukar hotunanka don su ɗora sauri. Gudun shafi na shafukan yanar gizon wani ɓangare mai kyau na zane mai kyau, kuma manyan hotuna suna jinkirta shafuka da yawa-ko da idan kun yi amfani da alamar LOWSRC.