Kushandisa HTML IMG Tag yeZvifananidzo uye Zvimwe
Iti HTML IMG tag inotarisira kuiswa kwemifananidzo uye zvimwe zvinhu zvinyorwa zvematambo mukati pewebhu yewebhu. Uyu mutauro unowanikwa unobvumidza huwandu hwemvumo uye unofanirwa humwe hunoita kuti uwedzere kuwanda kwako kukwanisa kugadzira webhusaiti inobatanidzwa, yakatarisa mufananidzo.
Chimiro chekamu rakazara ye HTML IMG tag rinoratidzika seizvi:
Inodikanwa IMG Tag Attributes
SRC. Izvo chete zvaunofanirwa kuwana mufananidzo unoratidzwa pane peji yewebhu ndeyomuitiro weSRC. Ichi chirevo chinoratidza zita uye nzvimbo yefaira rekufananidza kuratidzwa.
ALT. Kunyora zvakakodzera XHTML neHTML4, chiyeuchidzo cheAAL chinodiwa zvakare. Ichi chirevo chinoshandiswa kupa vasiri vevhevhisi nemashoko anotsanangura chifananidzo. Browsers inoratidza iyo nzira yakasiyana nenzira dzakasiyana. Vamwe vanozviratidza sevanhu vakawanda paunoisa mushonga wako pamusoro pechifananidzo, vamwe vanozviratidza muzvivako kana ukanyatsochera pane chifananidzo, uye vamwe havachiratidze zvachose.
Shandisai bhaibheri kuti upe mamwe mashoko pamusoro pechifananidzo chisina kukodzera kana chakakosha kumashoko eWeji peji. Asi yeuka kuti muvheji vevheji uye mamwe mavara-mavara-chete chete, mutsara uyu uchaverengwa uri mukati nepakati pezvinyorwa zviri papeji. Kuti urege kunetseka, shandisa iyo inotsanangurwa alt text iyo inoti (somuenzaniso), "NezveWeb Design uye HTML" panzvimbo pe "logo" chete.
Mu HTML5, maitiro eAAL haasi nguva dzose anodiwa, nokuti unogona kushandisa mashoko ekuwedzera mamwe tsanangudzo yacho. Iwe unogonawo kushandisa chinangwa ARIA-DESCRIBEDBY kuratidza chizivo chine tsanangudzo yakazara.
Zita remagetsi hazvifanirwi kana chifananidzo chacho chiri chekushongedza, zvakadai semufananidzo uri pamusoro pewebhu peji kana zvidhori. Asi kana iwe usina chokwadi, sanganisira alt text kana zvichiitika.
Yakurudzirwa IMG Zvinhu
WIDTH uye HEIGHT . Unofanirwa kupinda muitiro wekushandisa nguva dzose WIDTH uye HEIGHT zvigadziro. Uye iwe unofanirwa kushandisa nguva yakakura yehukuru uye usasarudze mifananidzo yako neyekushandura.
Izvi zvinokurudzira kushandiswa kwepeji nokuti mutsvaga anogona kupa nzvimbo pakusikwa kwechifananidzo, uye zvinoenderera mberi nekukomborera zvese zviri mukati, panzvimbo yekumirira mufananidzo wose wokudzivirira.
Zvimwe Zvakakosha IMG Zviratidzo
TITLE . Chirevo ichocho chiyeuchidzo chepasi rose chinogona kushandiswa pane chero huri HTML . Uyezve, chirevo cheTITLE chinoita kuti uwedzere mamwe mashoko pamusoro pechifananidzo.
Mafambisi akawanda anotsigira chiito cheTITLE, asi vanozviita nenzira dzakasiyana. Vamwe vanoratidzira runyoro sepop-up apo vamwe vanoriratidza mumashoko ezvidzidzo apo muchengeti akarurama-achitsanangurira pamufananidzo. Iwe unogona kushandisa chiito cheTITLE kunyora mamwe mashoko pamusoro pechifananidzo, asi usatarise ruzivo urwu rwave hwakavanzika kana hunooneka. Iwe unofanirwa kunyatsoshandisa izvi kuti uvanze mazwi ekutsvaga injini. Iyi tsika iri ikozvino yakaparidzirwa neongororo dzakawanda.
USEMAP uye ISMAP . Aya maitiro maviri akaisa maklayiti-side () uye server-side (ISMAP) mapikicha emifananidzo kumifananidzo yako.
LONGDESC . Chirevo chacho chinotsigira URL kune tsanangudzo refu yechifananidzo. Ichi chinoita kuti mifananidzo yako ive nyore.
Zvinyorwa uye zvisingabatsiri IMG Zvinhu
Zvinhu zvakasiyana-siyana zvino zvisingashandisi mu HTML5 kana kuti zvakadonhedzwa mu HTML4. Kuti uwane HTML yakanakisisa, unofanirwa kuwana dzimwe sarudzo pane kushandisa zvidhi.
BORDER . Icho chirevo chinotsanangura upamhi mumapiksekisi chero chero muganhu wakakomberedza mufananidzo. Ive yakaderedzwa mukurumbira kweCSS mu HTML4 uye haina kushandiswa mu HTML5.
ALIGN . Izvi zvinokubvumira kuti uise mufananidzo mukati memutsetse uye uve nerunyoro runopoteredza. Iwe unogona kuenzanisa chifananidzo kurudyi kana kuruboshwe. Ive yakaderedzwa mukufarira kwekutenderera kweCSS in HTML4 uye haina kushandiswa mu HTML5.
HSPACE neVSPACE . The HSPACE uye VSPACE zviito zvinowedzera mhepo yakareba yakakwana (HSPACE) uye vertically (VSPACE). Nzvimbo yakachena ichawedzerwa kumativi ose maviri emufananidzo (kumusoro uye pasi kana kuruboshwe uye kurudyi), naizvozvo kana iwe uchida nzvimbo pane rumwe rutivi, unofanira kushandisa CSS. Izvo zviito zvave zvakaderedzwa muHTML4 zvichienderana nemuganhu weCSS yemuganhu, uye zvisingashandisi mu HTML5.
LOWSRC . Izwi re LOWSRC rinopa chimwe chifananidzo apo chinyorwa chako chinyorwa chakakura zvakanyanya zvokuti chinowedzera zvishoma nezvishoma. Somuenzaniso, iwe unogona kuva nemufananidzo wa500KB waunoda kuratidza pane peji yako yewebhu, asi 500KB ingatora nguva yakareba kuti uite. Saka iwe unogadzira kopi kadiki yechipikicha, zvichida mumatema uye machena kana kungoshandiswa zvakanyanya, uye kuisa iyo muLOWSRC. Chifananidzo chiduku chichatsvaga uye chiratidze kutanga, uye ipapo kana chifananidzo chikuru chichioneka icho chinotora nzvimbo yakaderera-imwe.
Izwi re LOWSRC rakawedzerwa kuNetscape Navigator 2.0 kune IMG tag. Yaiva chikamu cheDOM level 1 asi yakabva yasunungurwa kubva paDOM level 2. Inotsigirwa nevebhurusiti yakange iri mifananidzo yehutano ichi, kunyange zvazvo nzvimbo dzakawanda dzinoti dzinotsigirwa navashambadzi vemazuva ano. Hazvirevi mu HTML4 kana kushandiswa muHTML5 nokuti yakanga isati iri chikamu chepamutemo chechinangwa.
Dzivisa kushandisa chiito ichi uye panzvimbo pacho uwedzere zvifananidzo zvako kuitira kuti vateerere nokukurumidza. Kushanda peji kutakudza chikamu chakakosha chekugadzirwa kweWebhu, uye mifananidzo mikuru inononoka mapeji pasi zvikuru-kunyange kana iwe ukashandisa chirevo che LOWSRC.