Ukusetyenziswa kweMpawu ze-IMG yeZithombe kunye neNjongo
Ithegi ye-IMG ye-HTML ilawula ukufakwa kwemifanekiso kunye nezinye izinto ezibonakalayo ezicacileyo ngaphakathi kwiphepha lewebhu. Le tag eqhelekileyo isekela iimpawu ezinyanzelisayo kunye nezikhethelo ezongezelelekileyo ezongeza ubuncwane ekukhonteni kwakho ukuyila i-website ebandakanyekayo, eneengcamango.
Umzekelo wesigxina se-HTML IMG ibukeka kanje:
Iimpawu zeMpawu zeMpawu ze-IMG
SRC. Impawu kuphela ozifunayo ukuze ufumane umfanekiso ozoboniswa kwikhasi lewebhu yi-SRC. Esi sibonakaliso sichaza igama kunye nendawo yefayile yesithombe ukuba iboniswe.
ALT. Ukubhalela i-XHTML kunye ne-HTML4 eyiyo, uphawu lwe-ALT lufunwa kwakhona. Esi sibonakaliso sisetyenziselwa ukubonelela iziphequluli ezingabonakaliyo ngombhalo ochaza umfanekiso. Abaphequluli babonisa itekisi enye ngeendlela ezahlukeneyo. Abanye bakubonisa njengendawo yokupasa xa ubeka imouse yakho phezu komfanekiso, abanye bayibonakalisa kwiipropati xa unqakraza ngokufanelekileyo emfanekisweni, kwaye abanye bangabonakali nhlobo.
Sebenzisa i- alt text ukuze unike iinkcukacha ezongezelelweyo malunga nomfanekiso ongahambelaniyo okanye ezibalulekileyo kwisicatshulwa sephepha leWebhu. Kodwa khumbula ukuba kubafundi bekrini kunye nezinye izikhangeli zecatshulwa kuphela, isicatshulwa siya kufundwa ngokugqithiseleyo kunye nombhalo wonke kwiphepha. Ukuze ugweme ukudideka, sebenzisa isicatshulwa esichazayo se-alt esithetha (umzekelo), "Nge-Web Design Design kunye ne-HTML" esikhundleni se "logo" nje.
Kwi-HTML5, i-attribute ye-ALT ayisoloko ifunekayo, kuba unokusebenzisa isicatshulwa ukuze ungeze inkcazelo engakumbi kuyo. Ungasebenzisa kwakhona umxholo we-ARIA-DESCRIBEDBY ukubonisa iSazisi esineenkcukacha ezipheleleyo.
Isicatshulwa se-Alt asisadingeki ukuba umfanekiso ucoceke nje, njengomfanekiso ophezulu kwiphepha lewebhu okanye iimpawu. Kodwa ukuba awuqinisekanga, faka i-alt text kuphela.
Iimpawu ze-IMG ezikhuthaziweyo
WIDTH kunye HEIGHT . Kufuneka ufike kumkhwa wokuhlala usebenzisa ii-WIDTH ne-HEIGHT iimpawu. Kwaye kufuneka usebenzise ubukhulu bokwenene kwaye ungagcini imifanekiso yakho kunye nesiphequluli.
Ezi zimpawu zikhawulezisa ukunikezelwa kwiphepha ngoba umkhangeli-moya unokwabelana ngesithuba kwi-design yomfanekiso, kwaye uqhubeke ulayisha yonke into, kunokuba ulinde umfanekiso wonke wokukhuphela.
Ezinye iimpawu ze-IMG ezifanelekileyo
TITLE . Isalathiso sisistim sehlabathi esingasetyenziswa kunoma iyiphi i- HTML element . Ngaphezu koko, umxholo weTITLE uvumela ukuba ungeze ulwazi olungaphezulu malunga nomfanekiso.
Uninzi lweziphequluli zixhasa i-TITLE, kodwa zenza ngezindlela ezahlukeneyo. Abanye babonisa itekisi njenge-pop-up ngelixa abanye babonakalisa kwizikrini zolwazi xa umsebenzisi echanekileyo-nqakraza kumfanekiso. Ungasebenzisa isicatshulwa se-TITLE ukubhala ulwazi olongezelelweyo malunga nomfanekiso, kodwa ungabali kule nkcazelo efihliweyo okanye ebonakalayo. Kufuneka ungayisebenzisi le nto ukufihla amagama angundoqo kwiinjini zokukhangela. Lo mkhuba ngoku uhlawulwa yiijini ezininzi zokukhangela.
USEMAP kunye ne- ISMAP . Ezi zinto zimbini zibeka amacandelo ezithuba zabaxhasi () kunye ne-server-side (ISMAP) kwimifanekiso yakho.
LONGDESC . I-attribute isekela ii-URL kwiinkcazelo ezinde. Le nto yenza ukuba imifanekiso yakho ifinyeleleke.
Iimpawu ze-IMG ezingabikhoyo
Iimpawu eziliqela sele zingasebenzi kwi-HTML5 okanye zichithwe kwi-HTML4. I-HTML engcono, kufuneka ufumane ezinye izisombululo endaweni yokusebenzisa ezi zinto.
BORDER . Isalathisi sichaza ububanzi kumaphikseli kwanoma yimuphi umda ojikeleze umfanekiso. Kuye kwahlulwa ngokunyanisekileyo kweCSS kwi-HTML4 kwaye ayisasebenzi kwi-HTML5.
ALIGN . Esi sibonelo sikwenza ukuba ubeke umfanekiso ngaphakathi kwombhalo kwaye ujikeleze umyalezo. Unokulungelelanisa umfanekiso kumnene okanye ngakwesobunxele. Kuye kwahluthwa ngokufanelekileyo kwipropati ye-CSS ye-float kwi-HTML4 kwaye ayisasebenzi kwi-HTML5.
HSPACE kunye neVSPACE . HSPACE kunye neempawu ze-VSPACE zongeza isikhala esimhlophe (HSPACE) kunye ne-vertically (VSPACE). Isikhundla esimhlophe siya kufakwa kumacala omabini omfanekiso (phezulu nangaphezulu okanye ngakwesobunxele nangakwesokudla), ngoko ukuba ufuna kuphela indawo kwicala elinye, kufuneka usebenzise iCSS. Ezi mpawu ziye zacinywa kwi-HTML4 ngokuya kwipropati ye-CSS yemida, kwaye ayisebenzisekanga kwi-HTML5.
LOWSRC . Isalathiso se-LOWSRC sinika umfanekiso omnye xa umthombo wakho wesithombe ukhulu kangangokuthi ukulandwa kancinci. Umzekelo, unokuba nomfanekiso ongama-500KB ofuna ukuwubonisa kwikhasi lakho lewebhu, kodwa i-500KB iya kuthatha ixesha elide ukulanda. Ngoko udala ikopi encinane yomfanekiso, mhlawumbi kumnyama nomhlophe okanye ulungelelanise kakhulu, kwaye ubeke oko kwi-LOWSRC. Umfanekiso omncinci uya kulandwa kwaye ubonise kuqala, kwaye ngoko xa umfanekiso ophezulu uvela khona uya kutshintsha indawo ephantsi.
Isalathiso se-LOWSRC songezwe kwiNetscape Navigator 2.0 kwisigxina se-IMG. Yayiyinxalenye ye-DOM level 1 kodwa yasuswa kwizinga le-DOM 2. Inkxaso yesiphequluli ibe ngumkhangeli walo mboniso, nangona amaninzi amaninzi athi axhaswa yizo zonke izikhangeli zanamhlanje. Ayigxothwanga kwi-HTML4 okanye ingasebenzi kwi-HTML5 kuba ayizange ibe yinxalenye esemthethweni yenkcazelo ethile.
Gwema ukusebenzisa le mfanelo kwaye kunoko ukwandisa imifanekiso yakho ukuze ilayishe ngokukhawuleza. Ukukhawuleza kokulayisha iphepha kukuyinxalenye ebalulekileyo yoyilo olulungileyo lweWebhu, kunye nemifanekiso emikhulu ekhupha amaphepha aphantsi kakhulu-nangona usebenzisa i-LOWSRC.