Ukusetshenziswa kwe-HTML IMG Tag yeZithombe Nezinjongo
Ithegi ye-HTML IMG ilawula ukufakwa kwezithombe nezinye izinto ezifanekisayo ezicacile ngaphakathi kwekhasi lewebhu. Le tag ejwayelekile isekela izimfanelo eziningana ezigunyazayo nezokuzikhethela ezifaka ubukhulu ekwenzeni kwakho ukuklama iwebhusayithi ehlangene, egxile emifanekisweni.
Isibonelo sethegi ephelele ye-HTML IMG ibukeka kanje:
Izimpawu ze-IMG Tag ezidingekayo
I-SRC. Okuwukuphela kwesici okudingayo ukuthola isithombe ongaboniswa ekhasini lewebhu yisici se-SRC. Lesi sici sibonisa igama kanye nendawo yefayela lesithombe okufanele liboniswe.
ALT. Ukuze ubhale i-XHTML ne-HTML4 evumelekile, imfanelo ye-ALT nayo iyadingeka. Lesi sici sisetshenziselwa ukunikeza iziphequluli ezingabonwayo ngombhalo ochaza isithombe. Iziphequluli zibonisa umbhalo ohlukile ngezindlela ezahlukene. Abanye bakubonisa njenge-pop-up uma ufaka i-mouse yakho phezu kwesithombe, abanye bayibonisa ezindaweni lapho uchofoza ngakwesokudla esithombeni, futhi abanye abakubonisi nhlobo.
Sebenzisa umbhalo we- alt ukuze unikeze imininingwane eyengeziwe mayelana nesithombe esingabalulekile noma esibalulekile kumbhalo weWebhu. Kodwa khumbula ukuthi kubafundi besibuko kanye nezinye iziphequluli zombhalo kuphela, lo mbhalo uzofundwa ngokuhambisana nombhalo wonke ekhasini. Ukuze ugweme ukudideka, sebenzisa i-alt echazayo echaza ukuthi (isibonelo), "Mayelana ne-Web Design ne-HTML" esikhundleni se "logo" kuphela.
Ku-HTML5, isibonakaliso se-ALT asidingi ngaso sonke isikhathi, ngoba ungasebenzisa i-caption ukuze ungeze incazelo eyengeziwe kulo. Ungasebenzisa futhi imfanelo ARIA-DESCRIBEDBY ukukhombisa i-ID equkethe incazelo egcwele.
Umbhalo we-Alt awudingi futhi uma isithombe sihlobisa kuphela, njengesithombe esiphezulu sekhasi lewebhu noma icons. Kodwa uma ungaqiniseki, faka umbhalo we-alt uma kwenzeka.
Izimfanelo ze-IMG ezinconyiwe
I-WIDTH ne- HEIGHT . Kumele ube nomkhuba wokusebenzisa njalo izimfanelo ze-WIDTH ne-HEIGHT. Futhi kufanele usebenzise usayizi wangempela ngaso sonke isikhathi futhi ungabe ushintshe izithombe zakho ngesiphequluli.
Lezi zimfanelo zisheshisa ukunikezwa kwekhasi ngoba isiphequluli singanika isikhala ekuklanyeleni isithombe, bese uqhubeka nokulayisha konke okuqukethwe, kunokuba ulinde isithombe sonke ukulanda.
Ezinye izimfanelo ze-IMG eziwusizo
TITLE . Isici siyisici somhlaba wonke esingasetshenziswa kunoma iyiphi i- HTML element . Ngaphezu kwalokho, isici se-TITLE sikuvumela ukuthi ungeze ulwazi oluthe xaxa mayelana nesithombe.
Iziphequluli eziningi zisekela isici se-TITLE, kodwa senza ngezindlela ezahlukene. Abanye babonisa umbhalo njenge-pop-up ngenkathi abanye bewubonisa kwimikrini yolwazi lapho umsebenzisi echofoza ngakwesokudla esithombeni. Ungasebenzisa isici se-TITLE ukubhala ulwazi olwengeziwe mayelana nesithombe, kodwa ungaxhomeki lolu lwazi lufihliwe noma lubonakale. Akufanele neze usebenzise lokhu ukufihla amagama angukhiye wezinjini zokusesha. Lo mkhuba manje ulahlwe yizinjini eziningi zokusesha.
I-USEMAP ne- ISMAP . Lezi zimfanelo ezimbili zenze amabalazwe wesithombe -side () kanye ne-server-side (ISMAP) izithombe zakho.
LONGDESC . Imfanelo isekela ama-URL kuncazelo eningi yesithombe. Lesi sici senza izithombe zakho zifinyeleleke kakhulu.
Izimfanelo ze-IMG ezingavunyelwe futhi ezingasebenzi
Izimfanelo eziningana manje zisasebenzi ku-HTML5 noma zivalwe ku-HTML4. Ukuze uthole i-HTML engcono, kufanele uthole ezinye izixazululo esikhundleni sokusebenzisa lezi zimfanelo.
BORDER . Isici sichaza ububanzi ngamaphikseli kwanoma imuphi umngcele oseduze nesithombe. Kuye kwehliswa ngokuya kwe-CSS ku-HTML4 futhi isasebenza ku-HTML5.
ALIGN . Lesi sici sikuvumela ukuba ubeke isithombe ngaphakathi kombhalo futhi ube nombhalo ogeleza kuwo. Ungakwazi ukuvumelanisa isithombe ngakwesokudla noma ngakwesobunxele. Kuye kwehliswa ngokususa impahla ye-CSS ye-float ku-HTML4 futhi ayisasebenzi ku-HTML5.
I-HSPACE ne- VSPACE . I-HSPACE futhi izimfanelo ze-VSPACE zengeza isikhala esimhlophe ngokuzenzekelayo (i-HSPACE) futhi sizame (VSPACE). Isikhala esimhlophe sizofakwa ezinhlangothini zombili zesithombe (phezulu nangaphansi noma ngakwesobunxele nangakwesokudla), ngakho-ke uma udinga isikhala ohlangothini olulodwa, kufanele usebenzise i-CSS. Lezi zimfanelo ziye zachithwa ku-HTML4 ngokuqondene nomkhiqizo we-CSS wegcawu, futhi zingasebenzi ku-HTML5.
LOWSRC . Isici se-LOWSRC sinikeza umfanekiso ohlukile lapho umthombo wakho wesithombe mkhulu kangangokuthi ulandwa kancane kakhulu. Isibonelo, ungase ube nesithombe esiyi-500KB ofuna ukusibonisa ekhasini lakho lewebhu, kodwa 500KB ingathatha isikhathi eside ukulanda. Ngakho udala ikhophi encane kakhulu yesithombe, mhlawumbe kumnyama nomhlophe noma nje ubuhle kakhulu, futhi ufake lokho kumfanelo we-LOWSRC. Isithombe esincane sizokulanda futhi sibonise kuqala, bese kuthi lapho isithombe esikhulu sikhona sizoshintsha indawo eyodwa ephansi.
Isici se-LOWSRC senezelwe ku-Netscape Navigator 2.0 kumaka we-IMG. Kwakuyingxenye yezinga le-DOM 1 kepha isuswe kusukela ku-DOM level 2. Ukusekelwa kwesiphequluli bekuyi-sketchy yalesi sici, nakuba amasayithi amaningi asho ukuthi asekelwa yiziphequluli zanamuhla. Ayinqatshelwe ku-HTML4 noma ayisebenzisiwe ku-HTML5 ngoba ayingakaze ibe ingxenye esemthethweni yezincazelo ezithile.
Gwema ukusebenzisa le mfanelo futhi kunalokho ukwandisa izithombe zakho ukuze zilayishe ngokushesha. Ukulayisha kwekhasi okusheshayo yingxenye ebalulekile yokuhlelwa kweWebhu okuhle, futhi izithombe ezinkulu zihamba kancane emakhasini-ngisho noma usebenzisa isici se-LOWSRC.