Pamakéan nandakeun tina Tag HTML IMG pikeun Gambar jeung objék
Tag HTML IMG ngokolakeunana teh panempatan tina gambar jeung objék grafis statik lianna dina hiji kaca web. tag umum ieu ngarojong sababaraha atribut wajib jeung pilihan anu nambahkeun richness kana pangabisa anjeun mendesain an, ramatloka gambar-fokus ngalakonan.
Conto tag HTML IMG pinuh kabentuk Sigana mah ieu:
Diperlukeun IMG Tag atribut
SRC. Hijina atribut nu kedah meunang hiji gambar pikeun nembongkeun dina kaca web teh atribut SRC. atribut Ieu nangtukeun ngaran jeung lokasi di file gambar pikeun dipintonkeun.
Alt. Nulis XHTML na HTML4 valid, anu atribut Alt ogé diperlukeun. atribut ieu dipaké pikeun nyadiakeun panyungsi nonvisual kalayan téks nu ngajelaskeun gambar. Panyungsi nembongkeun téks alternatif dina cara béda. Sababaraha tampilan eta salaku pop-up lamun anjeun tiasa nyimpen mouse anjeun leuwih gambar, batur nembongkeun eta dina sipat mun anjeun bener-klik gambar, sarta sababaraha ulah nembongkeun eta pisan.
Nganggo alt téks méré rinci tambahan ngeunaan gambar anu henteu relevan atawa penting pikeun téks kaca Wéb. Tapi inget yen di pamiarsa layar tur panyungsi tulisan-hijina sejen, téks nu bakal baca inline kalawan sesa téks dina kaca. Pikeun nyingkahan kekeliruan, make deskriptif alt téks nu nyebutkeun (contona), "Ngeunaan Web Design sarta HTML" tinimbang ngan "logo".
Dina HTML5, anu atribut Alt henteu salawasna moderator, mangga sabab bisa migunakeun caption pikeun nambahkeun leuwih pedaran kana eta. Anjeun oge tiasa make atribut Aria-DESCRIBEDBY keur nandaan hiji ID anu ngandung pedaran lengkep.
Alt téks ieu ogé henteu diperlukeun lamun gambar kasebut murni hiasan, kayaning a grafis dina luhureun hiji kaca web atawa ikon. Tapi lamun anjeun teu surti, kaasup alt téks ngan bisi.
Atribut IMG disarankeun
Lebar tur jangkungna. Anjeun kudu meunang kana watek salawasna ngagunakeun lebar sarta atribut jangkungna. Anjeun kedah salawasna make ukuran nyata jeung teu ngatur ukuran gambar anjeun kalayan browser nu.
atribut ieu nyepetkeun nu Rendering kaca sabab browser nu bisa allocate spasi dina rarancang pikeun gambar, sarta tuluy neruskeun ngundeur sesa eusi, batan ngantosan sakabéh gambar pikeun ngundeur.
Atribut IMG Baguna séjén
Judulna. Atribut mangrupa atribut global nu bisa dilarapkeun pikeun sagala unsur HTML . Leuwih ti éta, atribut judul ngidinan Anjeun nambahkeun inpo tambahan ngeunaan gambar.
Paling panyungsi ngarojong atribut judul, tapi maranéhna ngalakukeun deui dina cara béda. Sababaraha tampilan téks salaku pop-up bari batur nembongkeun eta dina layar inpo lamun pamaké bener-clicks on gambar. Anjeun tiasa nganggo atribut judul nulis émbaran tambahan ngeunaan gambar, tapi teu kaétang on inpo ieu mahluk boh disumputkeun atawa ditingali. Anjeun kudu paling pasti teu nganggo ieu nyumputkeun konci pikeun mesin pencari. prakték ieu kiwari penalized ku paling mesin pencari.
USEMAP na ISMAP. Dua atribut diatur klien-sisi () sarta server-sisi (ISMAP) peta gambar mun gambar Anjeun.
LONGDESC. atribut nu ngarojong URL kana pedaran panjang gambar. fitur ieu ngajadikeun Gambar anjeun beuki diaksés.
Deprecated na leungit IMG atribut
Sababaraha atribut nu kiwari leungit di HTML5 atanapi deprecated di HTML4. Pikeun HTML pangalusna, Anjeun kudu neangan solusi séjén gaganti ngagunakeun atribut ieu.
Wates. atribut nu ngahartikeun lebar dina piksel tina sagala wates sabudeureun gambar. Eta geus deprecated di ni'mat CSS di HTML4 na téh leungit di HTML5.
Align. atribut ieu ngidinan Anjeun pikeun nempatkeun hiji gambar jero téks tur boga aliran téks sabudeureun eta. Anjeun tiasa align hiji gambar ka katuhu atawa kénca. Eta geus deprecated di ni'mat harta ngambang CSS di HTML4 na téh leungit di HTML5.
HSPACE na VSPACE. HSPACE nu jeung atribut VSPACE nambahkeun spasi bodas horisontal (HSPACE) jeung vertikal (VSPACE). spasi bodas bakal ditambahkeun kana dua sisi tina grafis (luhur jeung handap atawa kenca sareng ka katuhu), sahingga lamun ukur perlu spasi dina hiji sisi, Anjeun kedah nganggo CSS. atribut ieu geus deprecated di HTML4 di ni'mat harta margin CSS, sarta aranjeunna leungit di HTML5.
LOWSRC. The atribut LOWSRC nyadiakeun hiji gambar alternatif lamun sumber gambar anjeun jadi badag yén éta undeuran pisan lalaunan. Contona, Anjeun bisa mibanda hiji gambar nu geus 500KB nu Anjeun hoyong nembongkeun dina kaca web Anjeun, tapi 500KB bakal nyandak lila pikeun ngundeur. Jadi maneh nyieun salinan leuwih leutik gambar, sugan hideung bodas atanapi ngan pisan dioptimalkeun, sarta nempatkeun yén dina atribut LOWSRC. Leuwih leutik gambar bakal ngundeur tur nembongkeun mimitina, lajeng nalika gedé gambar mucunghul deui bakal ngaganti low-sumber salah.
The atribut LOWSRC ieu ditambahkeun kana Netscape Navigator 2.0 ka tag IMG. Ieu bagian tina DOM Tingkat 1 tapi ieu lajeng dikaluarkeun tina DOM tingkat 2. rojongan Browser geus sketchy pikeun atribut ieu, najan loba situs ngaku yen ayeuna teh dirojong ku sadaya panyungsi modéren. Ieu teu deprecated di HTML4 atanapi leungit di HTML5 sabab éta pernah hiji bagian resmi boh spésifikasi.
Ulah ngagunakeun atribut ieu sareng gantina ngaoptimalkeun Gambar anjeun ambéh maranéhanana muka gancang. Speed kaca loading téh bagian kritis desain Web alus, sarta gambar badag Kaca slow handap enormously-malah lamun nganggo atribut LOWSRC.