Истифодаи HTML IMG Tag барои тасвирҳо ва объектҳо
HTML-и IMG-и тасвири тасвирҳо ва дигар объектҳои графикии статикиро дар саҳифаи веб тасвир мекунад. Тафсилоти умумӣ якчанд вариантҳои ҳатмӣ ва иловагӣеро, ки дорои қобилияти шумо барои таҳия кардани вебсайтҳои ташаббускор мебошад, илова мекунад.
Мисоле, ки HTML-и пурраи HTML сохта шудааст, чунин аст:
Хусусиятҳои IMG Tag талаб карда мешавад
СРК. Танҳо хосияти ба шумо лозим аст, ки тасвиреро нишон диҳед, ки дар саҳифаи веб нишон дода мешавад. Ин хосият ном ва ҷойгоҳи файли тасвириро нишон медиҳад.
АСТ. Барои навиштани XHTML ва HTML4, аломати ALT низ талаб карда мешавад. Ин хосият барои таъмини браузерҳои ғайричашмдошт бо матн, ки тасвирро тавсиф мекунад, истифода бурда мешавад. Browsers матни алтернативиро бо тарзҳои гуногун нишон медиҳад. Баъзеҳо онро ҳамчун поп-ро мебинанд, вақте ки шумо поп-ро ба болои тасвир гузоред, баъзеҳо онро вақте ки шумо дар тасвири рост ба тугмаи рост пахш мекунед, нишон медиҳад ва баъзеҳо онро намоиш медиҳанд.
Матнро истифода баред, ба ҷузъиёти иловагӣ дар бораи тасвир, ки ба матни веб саҳифа дахл надорад ва муҳим аст. Аммо дар хотир доред, ки дар хонандагони экран ва дигар браузерҳо танҳо матн бо матни дигари саҳифа дар матн хонда хоҳад шуд. Барои пешгирӣ кардани ошуфтагист, матнҳои матнии тавсифшуда, ки дар бораи он (масалан), «Дар бораи тарҳрезии Web ва HTML» истифода баранд, ба ҷои "logo".
Дар HTML5, хосияти ALT ҳамеша талаб карда намешавад, зеро шумо метавонед барои тавсифи бештар ба тавсифи мухтасар истифода баред. Шумо инчунин метавонед хосияти ARIA-DESCRIBEDBY-ро барои нишон додани ID, ки дорои тавсифи пурра мебошад, истифода баред.
Матнҳои матн низ талаб карда намешаванд, агар тасвир намебошанд, масалан графикӣ дар болои саҳифаи веб ё симоҳо. Аммо агар шумо мутмаин набошед, матни матнро, дар ҳолате, дохил кунед.
Тавсифоти IMG
ДАСТГИРӢ ВА МУНОСИБАТ Шумо бояд ба одати ҳамеша бо истифодаи хосиятҳои WIDTH ва HEIGHT гиред. Ва шумо ҳамеша бояд андозаи воқеиро истифода баред ва тасвирҳои худро бо браузери худ тасниф накунед.
Ин хосиятҳо ба суръат бахшидани саҳифа, зеро браузер метавонад филтрро дар тарҳрезӣ барои тасвир ҷудо кунад, ва он гоҳ пас аз интишори мундариҷаи мундариҷа идома гиред, на интизории тамоми тасвири он.
Дигар Имкониятҳои IMG
Ном Ин хосият як хосияти глобалӣ мебошад, ки метавонад ба унсурҳои HTML истифода шавад . Илова бар ин, хосияти TITLE ба шумо маълумоти иловагӣ дар бораи тасвир илова мекунад.
Бисёре аз браузерҳо хосияти TITLE -ро пуштибонӣ мекунанд, аммо онҳо дар роҳҳои гуногун кор мекунанд. Баъзеҳо матнро ҳамчун поп-ро нишон медиҳанд, дар ҳоле, ки дигарон дар экран маълумотҳоро нишон медиҳанд, вақте ки истифодабаранда дар тасвири рости мушакҳо клик мекунад. Шумо метавонед ба матни TITLE истифода кунед, то маълумоти иловагӣ дар бораи тасвирро нависад, аммо дар ин маълумот ба таври махфӣ ё намоён ҳисоб карда намешавад. Шумо бояд беш аз ҳама онро истифода набаред, то инки калидҳои калидиро барои матнҳои ҷустуҷӯ пинҳон кунанд. Ин амал ҳоло аз ҷониби бештари муҳаррикҳои ҷустуҷӯӣ ҷазо дода мешавад.
USEMAP ва ISMAP . Ин ду хосият тасвири мизоҷи () ва сервер-ро (ISMAP) ба тасвирҳои худ нишон медиҳанд.
ЛОНДОН Ин хосият URL-ро ба тавсифи мухтасари тасвир дастгирӣ мекунад. Ин хусусият тасвирҳои шуморо дастрас мекунад.
Хизматрасониҳои IMG-ро хориҷ карда ва нобуд нахоҳанд кард
Якчанд хусусиятҳо ҳоло дар HTML5 нобуд шудаанд ё дар HTML4 маҳдуд карда шудаанд. Барои беҳтарин HTML, шумо бояд ба ҷои дигар истифода бурдани ин хосиятҳоро пайдо кунед.
Бордюжа . Элемент васеъ дар пикселҳои ҳар як сарҳад дар гирди тасвир муайян мекунад. Он ба манфиати CSS дар HTML4 маҳдуд карда шудааст ва дар HTML5 мавҷуд нест.
ALIGN . Ин хосият ба шумо имкон медиҳад, ки тасвирро дар дохили матн ҷойгир кунед ва матнро дар атрофи он гузаронед. Шумо тасвирро ба тарафи рост ё чап паймоиш карда метавонед. Он ба манфиати моликияти CSS шинокунанда дар HTML4 маҳдуд карда шудааст ва дар HTML5 мавҷуд нест.
HSPACE ва VSPACE . HSPACE ва хосиятҳои VSPACE илова намудани рахти сафед (HSPACE) ва амудӣ (VSPACE). Фазои сафед ба ҳар ду ҷонибҳои графикӣ (болоӣ ва поёнӣ, чап ва рост) илова карда мешавад, ба шарте, ки танҳо ба як тараф лозим бошад, шумо бояд CSS-ро истифода баред. Ин хосиятҳо дар HTML4 ба манфиати моликияти CSS марбутанд, ва онҳо HTML5 нестанд.
LOWSRC . Хусусияти LOWSRC вақте ки сарчашмаи ҳайратангези шумо хеле калон аст, тасвири алтернативиро таъмин мекунад, ки онро хеле суст мекунад. Масалан, шумо метавонед тасвиреро дошта бошед, ки 500KB дошта бошед, ки мехоҳед дар саҳифаи веб саҳифаро нишон диҳед, аммо 500KB барои боргирӣ вақти зиёдро мегирад. Аз ин рӯ, шумо нусхаи каме аз тасвирро эҷод мекунед, шояд дар сиёҳ ва сафед ё танҳо хеле ками optimized, ва он дар attribute LOWSRC. Сурати хурди пештар боркунӣ ва намоиш дода мешавад, ва он гоҳ вақте ки тасвири калон пайдо мешавад, он як сарчашмаи камхарҷро иваз хоҳад кард.
Хусусияти LOWSRC ба Netscape Navigator 2.0 ба нишонаи IMG илова карда шуд. Ин қисми қисми DOM-1 буд, аммо баъд аз сатҳи DOM хориҷ карда шуд. 2. Дастгирии браузер барои ин хусусият қаноатбахш буд, ҳарчанд бисёре сайтҳо даъво доранд, ки он аз ҷониби ҳамаи браузерҳои замонавӣ дастгирӣ карда мешавад. Он дар HTML4 ё кӯҳнашуда дар HTML5 нест карда мешавад, зеро он ҳеҷ гоҳ қисмати расмии тасвиб набуд.
Аз ин хусусият истифода баред ва ба ҷои беҳтар шудани тасвирҳои худ, то ки онҳо зудтар бор кунанд. Суръати боркунии саҳифа қисми муҳими тарҳрезии хуби веб аст, ва тасвирҳои калон ба саҳифаҳои бениҳоят суст меафзояд - ҳатто агар шумо хоси LOWSRC -ро истифода баред.