Kugwiritsira ntchito ndandanda ya HTML IMG ya Zithunzi ndi Zopangira
Chinthu cha HTML IMG chimalamulira kuyika mafano ndi zinthu zina zojambulajambula mkati mwa tsamba la intaneti. Lamulo lodziwika limathandiza makhalidwe angapo ovomerezeka ndi okhudzidwa omwe amaonjezera kulemera kwa luso lanu lopanga webusaiti yogwirizana, yowonekera pazithunzi.
Chitsanzo cha chizindikiro cha HTML IMG chimaoneka ngati ichi:
Matanthauzo a IMG afunika
SRC. Chokhacho chofunika kuti mupeze chithunzi chomwe mungachiwonetse pa tsamba la intaneti ndicho chiyankhulo cha SRC. Chidziwitso ichi chimatchula dzina ndi malo a fayilo ya fano kuti iwonetsedwe.
ALT. Kuti mulembe XHTML ndi HTML4 zowona, chidziwitso cha ALT chifunikanso. Chikumbumtima ichi chikugwiritsidwa ntchito popereka osatsegula osatembenuza ndi malemba omwe akulongosola fanolo. Oyendetsa masewera akuwonetsa malemba enawo m'njira zosiyanasiyana. Ena amawonetsa ngati pop-up pamene inu amaika mouse yanu pa chithunzi, ena amawonetsera izo mu katundu pamene inu molondola pa chithunzi, ndipo ena osasonyeza izo konse.
Gwiritsani ntchito malembawa kuti mupereke zambiri zokhudzana ndi chithunzi chomwe sichifunikira kapena chofunikira pazolemba pa Webusaiti. Koma kumbukirani kuti mu owerenga masewera ndi mawindo ena okhawo, malembawo adzawerengedwa pakati ndi malemba onse pa tsamba. Kuti musapezeke chisokonezo, gwiritsani ntchito malemba okonzedwa bwino omwe akunena (mwachitsanzo), "About Web Design and HTML" mmalo mwa "logo" chabe.
Mu HTML5, chidziwitso cha ALT sichiri nthawi zonse, chifukwa mungagwiritse ntchito ndemanga kuti muwonjezere kufotokozera kwa izo. Mukhozanso kugwiritsa ntchito malingaliro ARIA-DESCRIBEDBY kuti asonyeze chidziwitso chomwe chili ndi ndondomeko yonse.
Malemba ena sakufunikanso ngati chithunzicho chikukongoletsera, monga chithunzi pamwamba pa tsamba la webusaiti kapena zithunzi. Koma ngati simukutsimikizirani, onetsani malemba osasunthika basi.
Zotchulidwa IMG Zizindikiro
WIDTH ndi HEIGHT . Muyenera kukhala mu chizolowezi chogwiritsa ntchito zizindikiro za WIDTH ndi HEIGHT nthawi zonse. Ndipo nthawi zonse muyenera kugwiritsa ntchito kukula kwake ndikusintha zithunzi zanu ndi osatsegula.
Makhalidwe amenewa amachititsa kuti tsambalo likhale lotseguka chifukwa osatsegula akhoza kugawa malo pakulongedwe kwa fanolo, ndiyeno pitirizani kuwongolera zina zonse, osati kuyembekezera fano lonselo.
Zizindikiro Zina Zofunikira za IMG
TITLE . Chikhumbo ndicho chiwonetsero cha dziko lonse chimene chingagwiritsidwe ntchito pazomwe zili HTML . Ndiponso, chikhalidwe cha TITLE chimakulolani inu kuwonjezera zambiri za chithunzichi.
Masakatuli ambiri amathandiza chikhalidwe cha TITLE, koma amachichita m'njira zosiyanasiyana. Ena amawonetsa malemba ngati pop-up pamene ena amawonetsera mu zowonetsera zamakono pamene wogwiritsa ntchito-akuwongolera pa chithunzicho. Mukhoza kugwiritsa ntchito chidziwitso cha TITLE kuti mulembe zambiri zokhudzana ndi fano, koma musadalire mfundoyi kuti yabisika kapena yowoneka. Muyenera kusagwiritsa ntchito izi pobisa makina ofufuzira. Chizoloŵezichi tsopano chikuloledwa ndi injini zambiri zosaka.
USEMAP ndi ISMAP . Zizindikiro ziwirizi zimapanga mapu a zithunzi omwe ali ndi kasitomala () ndi seva (ISMAP) kwa zithunzi zanu.
LONGDESC . Malingalirowo amathandiza ma URL kuti afotokoze mozama chithunzichi. Izi zimapangitsa zithunzi zanu kuti zifikire.
Zizindikiro za IMG zochotsedwa ndi zosavomerezeka
Makhalidwe angapo tsopano satha ntchito mu HTML5 kapena amachotsedwa mu HTML4. Kwa HTML yabwino, muyenera kupeza njira zina m'malo mogwiritsa ntchito zikhumbozi.
BORDER . Chikhumbo chimatanthawuzira m'lifupi mu pixel ya malire aliwonse pafupi ndi fano. Yatsutsidwa chifukwa cha CSS mu HTML4 ndipo ilibe ntchito mu HTML5.
ALIGN . Chikumbumtima ichi chimakupatsani inu kujambula chithunzi mkati mwazolemba ndipo muli ndizomwe mukuyendayenda. Mukhoza kulumikiza fano kumanja kapena kumanzere. Yachotsedwa pambali pa katundu wa CSS woyandikana mu HTML4 ndipo ilibe ntchito mu HTML5.
HSPACE ndi VSPACE . The HSPACE ndipo zizindikiro za VSPACE zimapanga malo oyera (HSPACE) ndi vertically (VSPACE). Danga loyera lidzawonjezeredwa kumbali zonse ziwiri za pamwamba (pamwamba ndi pansi kapena kumanzere ndi kumanja), kotero ngati mukusowa malo pambali imodzi, muyenera kugwiritsa ntchito CSS. Makhalidwe amenewa athandizidwa mu HTML4 chifukwa cha katundu wa CSS wamtunduwu, ndipo ali osasinthika mu HTML5.
LOWSRC . Chidziwitso cha LOWSRC chimapereka chithunzi china pamene chithunzi chanu chajambula ndi chachikulu kwambiri moti chimatulutsidwa pang'onopang'ono. Mwachitsanzo, mukhoza kukhala ndi fano limene liri 500KB lomwe mukufuna kuwonetsera pa tsamba lanu la intaneti, koma 500KB ingatenge nthawi yaitali kuti imvetse. Kotero mumapanga kachidutswa kakang'ono ka fano, mwakuda ndi chakuda kapena choyera kwambiri, ndipo muyike izo mu LOWSRC. Chithunzi chaching'ono chidzawombola ndi kusonyeza poyamba, ndiyeno pamene chithunzi chachikulu chidzawonekere chidzachotsa malo otsika.
Chidziwitso cha LOWSRC chinawonjezeredwa ku Netscape Navigator 2.0 kupita ku IMG tag. Ichi chinali mbali ya DOM mlingo 1 koma kenako kuchotsedwa ku DOM mlingo 2. Zothandizira pazithunzithunzi zakhala zojambula zokhudzana ndi malingaliro awa, ngakhale malo ambiri amanena kuti akuthandizidwa ndi osatsegula onse amakono. Sichichotsedwa mu HTML4 kapena kusinthidwa mu HTML5 chifukwa sichinali gawo lovomerezeka.
Pewani kugwiritsira ntchito malingaliro amenewa ndipo mmalo mwake konzekeretsani mafano anu kuti azisenza msanga. Kuthamanga kwa tsamba kumakhala gawo lofunika la webusaiti yabwino, ndipo zithunzi zazikulu zimapepuka masamba pang'onopang'ono-ngakhale mutagwiritsa ntchito chidziwitso cha LOWSRC.