Itilize nan HTML IMG tag la pou foto ak objè yo
HTML IMG tag la gouvène ensèsyon an nan foto ak lòt objè estatik grafik ki nan yon paj entènèt. Sa a tag komen sipòte plizyè atribi obligatwa ak opsyonèl ki ajoute richès kapasite w nan konsepsyon yon angaje, sit entènèt ki konsantre sit entènèt.
Yon egzanp sou yon HTML fòmèl HTML fòma sanble tankou sa a:
Egzije Attributes tag IMG
SRC. Atribi a sèlman ou bezwen jwenn yon imaj yo montre sou yon paj entènèt se atribi nan SRC. Sa a atribi idantifye non an ak kote nan dosye a imaj yo dwe parèt.
ALT. Pou ekri valab XHTML ak HTML4, se atribi ALT tou mande. Sa a se atribi itilize bay navigatè nonvisual ak tèks ki dekri imaj la. Navigatè montre tèks altènatif la nan diferan fason. Gen kèk montre li kòm yon pop-up lè ou mete sourit ou sou imaj la, lòt moun montre li nan pwopriyete lè ou dwa-klike sou imaj la, ak kèk pa montre li nan tout.
Sèvi ak tèks altè a pou bay detay adisyonèl sou imaj ki pa enpòtan oswa ki enpòtan nan tèks la nan paj wèb la. Men, sonje ke nan lektè ekran ak lòt navigatè tèks-sèlman, tèks la pral li aliye ak rès la nan tèks la nan paj la. Pou evite konfizyon, sèvi ak deskriptif altè tèks ki di (pou egzanp), "Sou sit entènèt Design ak HTML" olye pou yo jis "logo."
Nan HTML5, atribi ALT la pa toujou nesesè, paske ou ka itilize yon caption pou ajoute plis deskripsyon sou li. Ou ka itilize tou atribi ARIA-DESCRIBEDBY pou endike yon ID ki gen yon deskripsyon konplè.
Tèks Alt tou pa obligatwa si imaj la se piman dekoratif, tankou yon grafik nan tèt la nan yon paj entènèt oswa ikon. Men, si ou pa sèten, gen ladan tèks altè jis nan ka.
Rekòmande IMG Atribi
WIDTH ak HEIGHT . Ou ta dwe jwenn nan abitid la nan toujou lè l sèvi avèk atribi yo WIDTH ak HEIGHT. Epi ou ta dwe toujou itilize gwosè a reyèl epi yo pa rdimansyonman imaj ou a ak navigatè a.
Sa yo atribi vitès rann la nan paj la paske navigatè a ka asiyen espas nan desen an pou imaj la, ak Lè sa a, kontinye téléchargement rès la nan kontni an, olye ke ap tann pou tout imaj la download.
Lòt itil IMG atribi
TIT . Atribi a se yon atribi mondyal ki ka aplike nan nenpòt eleman HTML . Anplis, atribi TITLE pèmèt ou ajoute enfòmasyon anplis sou imaj la.
Pifò navigatè sipòte atribi nan TIT, men yo fè l 'nan diferan fason. Gen kèk montre tèks la kòm yon pop-up pandan ke lòt moun montre li nan ekran enfòmasyon lè itilizatè a dwa-klik sou imaj la. Ou ka itilize atribi TIT pou ekri enfòmasyon adisyonèl sou imaj la, men pa konte sou enfòmasyon sa yo ke yo swa kache oswa vizib. Ou ta dwe pi definitivman pa sèvi ak sa a kache mo kle pou motè rechèch. Pratik sa a se kounye a penalize pa pi motè rechèch.
USEMAP ak ISMAP . Sa yo de atribi mete kliyan-bò () ak sèvè-bò (ISMAP) imaj imaj nan imaj ou.
LONGDESC . Atribi a sipòte URL nan yon deskripsyon pi long nan imaj la. Karakteristik sa a fè imaj ou plis aksesib.
Deprecated ak Obsolete IMG atribi
Plizyè atribi yo kounye a se obsolèt nan HTML5 oswa deprecated nan HTML4. Pou pi bon HTML, ou ta dwe jwenn lòt solisyon olye pou yo itilize sa yo atribi.
MOUN . Atribi a defini lajè a nan piksèl nan nenpòt fwontyè alantou imaj la. Li te deprecated an favè CSS nan HTML4 e li se demode nan HTML5.
ALIGN . Sa a atribi pèmèt ou mete yon imaj andedan tèks la epi yo gen tèks la koule ozalantou li. Ou ka aliyen yon imaj sou bò dwat oswa sou bò gòch la. Li te deprecated an favè flotan CSS pwopriyete a nan HTML4 epi li se demode nan HTML5.
HSPACE ak VSPACE . HSPACE la ak atribi VSPACE ajoute blan espas orizontal (HSPACE) ak vètikal (VSPACE). Yo pral ajoute blan espas nan toude bò grafik la (tèt ak anba oswa sou bò gòch ak dwa), kidonk si w bezwen sèlman espas sou yon sèl bò, ou ta dwe itilize CSS. Sa yo atribi yo te deprecated nan HTML4 an favè maj CSS pwopriyete a, epi yo yo demode nan HTML5.
LOWSRC . Atribi LOWSRC bay yon imaj altènatif lè sous imaj ou a tèlman gwo ke li downloads trè dousman. Pou egzanp, ou ka gen yon imaj ki se 500KB ke ou vle montre sou paj entènèt ou an, men 500KB ta pran yon tan long yo telechaje. Se konsa, ou kreye yon kopi pi piti nan imaj la, petèt nan nwa ak blan oswa jis trè optimisé, li mete sa nan atribi a LOWSRC. Imaj ki pi piti a pral telechaje epi montre premye, ak Lè sa a, lè imaj la pi gwo parèt li pral ranplase yon sèl la ba-sous.
Te atribi a LOWSRC ajoute nan Netscape Navigator 2.0 nan tag IMG la. Li te yon pati nan nivo DOM 1 men yo te Lè sa a, yo retire nan nivo DOM 2. Te sipò Navigatè te ékripé pou atribi sa a, byenke sit anpil reklamasyon ke li te sipòte pa tout navigatè modèn. Li pa deprecated nan HTML4 oswa demode nan HTML5 paske li pa te janm yon pati ofisyèl nan swa spesifikasyon.
Evite itilize atribi sa a ak olye optimize imaj ou yo pou yo chaje byen vit. Vitès nan loading paj se yon pati enpòtan nan konsepsyon bon entènèt, ak imaj gwo paj ralanti desann grandman-menm si ou itilize atribi a LOWSRC.