Lilo awọn HTML IMG Tag fun Awọn aworan ati Awọn ohun
Awọn HTML IMG tag nṣakoso awọn ifibọ awọn aworan ati awọn miiran awọn aworan ti o ni awọn aworan ni oju ewe oju-iwe ayelujara kan. Aami itẹwọgba yii ṣe atilẹyin fun ọpọlọpọ awọn dandan ati awọn iyasọtọ aṣayan ti o ṣe afikun ọlá si agbara rẹ lati ṣe apẹrẹ aaye ayelujara ti o ni ojulowo, oju-ọna aworan.
Apeere kan ti afihan HTML IMG ti o ni kikun ti o dabi eyi:
Awọn Ẹri Awọn Akọle IMG ti a beere
SRC. Àpẹẹrẹ kan ti o nilo lati gba aworan kan lati han loju oju-iwe ayelujara ni asopọ SRC. Ẹya yii ṣe idanimọ orukọ ati ipo ti faili aworan lati han.
ALT. Lati kọ XHTML ati HTML4 daradara, a tun nilo iru abawọn ALT. A nlo irufẹ yii lati pese awọn aṣàwákiri ti kii ṣe ayẹwo pẹlu ọrọ ti o ṣe apejuwe aworan naa. Awọn burausa ṣafihan ọrọ miiran ni ọna oriṣiriṣi. Diẹ ninu awọn nfihan bi igbaduro nigbati o ba fi asin rẹ si aworan, awọn ẹlomiiran n fi i han ni awọn ini nigbati o ba tẹ-ọtun lori aworan, ati diẹ ninu awọn ko han ni gbogbo rẹ.
Lo ọrọ titẹ alt lati fun awọn alaye afikun nipa aworan ti ko wulo tabi pataki si ọrọ ti oju-iwe ayelujara. Ṣugbọn ranti pe ni awọn oluka iboju ati awọn aṣàwákiri miiran ti ọrọ-nikan, ọrọ naa yoo ka ni ila pẹlu awọn iyokù ọrọ naa lori oju-iwe naa. Lati yago fun iporuru, lo ọrọ giga ti o sọ ti o sọ (fun apeere), "About Design Web and HTML" dipo o kan "logo."
Ni HTML5, a ko nilo attribute ALT nigbagbogbo, nitori o le lo akọle kan lati fi apejuwe sii si i. O tun le lo ẹda ARIA-DESCRIBEDBY lati tọka ID ti o ni apejuwe kikun.
Akọsilẹ alt ko tun beere ti aworan naa jẹ ti ohun ọṣọ, gẹgẹbi iwọn ni oke ti oju-iwe ayelujara tabi awọn aami. Ṣugbọn ti o ko ba ni idaniloju, pẹlu ọrọ giga ti o kan ninu ọran.
Iṣeduro Awọn ẹya ara ẹrọ IMG
WIDTH ati agbara . O yẹ ki o gba sinu iwa ti nigbagbogbo lilo awọn WIDTH ati awọn eroja HEIGHT. Ati pe o yẹ ki o ma lo iwọn gidi ki o ma ṣe tun awọn aworan rẹ pada pẹlu aṣàwákiri.
Awọn eroja wọnyi nyara soke atunṣe ti oju-iwe naa nitoripe aṣàwákiri le ṣafikun aaye ninu apẹrẹ fun aworan, lẹhinna tẹsiwaju lati gba iyokù akoonu naa, dipo ki o duro fun aworan gbogbo lati gba lati ayelujara.
Awọn ẹya ara ẹrọ IMG miiran ti o wulo
TITLE . Ẹya jẹ ẹya ti agbaye ti o le ṣe lo si eyikeyi nkan HTML . Pẹlupẹlu, ẹda TITLE jẹ ki o fikun afikun alaye nipa aworan naa.
Ọpọlọpọ awọn aṣàwákiri ṣe atilẹyin fun ẹda TITLE, ṣugbọn wọn ṣe o ni ọna oriṣiriṣi. Diẹ ninu awọn nfihan ọrọ naa bi agbejade nigba ti awọn miran n fi i han ni iboju alaye nigba ti olumulo ba tẹ-ọtun lori aworan naa. O le lo ẹda TITLE lati kọ afikun alaye nipa aworan naa, ṣugbọn ko ṣe ka lori alaye yi boya o farasin tabi han. O yẹ ki o ṣe pato pe ko lo eyi lati tọju awọn ọrọ-ọrọ fun awọn irin-ṣiṣe àwárí. Ilana yii ti ni igbẹkẹle nipasẹ ọpọlọpọ awọn eroja àwárí.
USEMAP ati ISMAP . Awọn ohun meji wọnyi ṣeto awọn aworan aworan ẹgbẹ-ẹgbẹ () ati ẹgbẹ olupin (ISMAP) si awọn aworan rẹ.
LONGDESC . Ẹya naa ṣe atilẹyin awọn URL si apejuwe ti o pọju fun aworan naa. Ẹya ara ẹrọ yii mu ki awọn aworan rẹ wa diẹ sii.
Awọn Aṣoju IMG ti ko ni aifọwọyi ati aifọwọyi
Ọpọlọpọ awọn eroja ti wa ni aijọpọ ni HTML5 tabi ti a fi sinu HTML4. Fun awọn HTML ti o dara, o yẹ ki o wa awọn solusan miiran dipo lilo awọn eroja wọnyi.
BORDER . Ẹya naa tumọ iwọn ni awọn piksẹli ti eyikeyi aala ni ayika aworan naa. O ti ni idarẹ ni ojurere ti CSS ni HTML4 ati pe o jẹ igbagbọ ni HTML5.
ALIGN . Ẹya yii faye gba o lati gbe aworan sinu ọrọ naa ki o si jẹ ki ọrọ naa ṣaakiri rẹ. O le so aworan kan si apa ọtun tabi osi. O ti ni ipalara fun ọran ti CSS ohun-ini ni HTML4 ati pe o jẹ igba atijọ ni HTML5.
HSPACE ati VSPACE . Awọn HSPACE ati awọn ẹya VSPACE fi kun aaye funfun ni itawọn (HSPACE) ati ni inaro (VSPACE). O kun aaye funfun ni ẹgbẹ mejeeji ti iwọn (oke ati isalẹ tabi osi ati ọtun), nitorina ti o ba nilo aaye nikan ni apa kan, o yẹ ki o lo CSS. Awọn eroja wọnyi ti ni idinku ni HTML4 ni ojulowo ohun ini CSS, ati pe wọn wa ni aijọpọ ni HTML5.
LOWSRC . Ẹya LOWSRC n pese aworan miiran nigbati orisun orisun rẹ tobi ti o gba lalailopinpin laiyara. Fun apere, o le ni aworan ti o jẹ 500KB ti o fẹ han lori oju-iwe ayelujara rẹ, ṣugbọn 500KB yoo gba igba pipẹ lati gba lati ayelujara. Nitorina o ṣẹda ẹda ti o kere julọ ti aworan naa, boya ni dudu ati funfun tabi ti o ṣe iṣapeye ti o dara julọ, ti o si fi pe ni ipo LOWSRC. Aworan kekere yoo gba lati ayelujara ati fi han akọkọ, ati lẹhinna nigbati aworan ti o tobi ba han o yoo tunpo orisun-kekere.
Aami LOWSRC ni a fi kun si Netscape Navigator 2.0 si ami IMG. O jẹ apakan ti DOM ipele 1 ṣugbọn lẹhinna yọ kuro lati ipo DOM 2. Imuduro burausa ti jẹ apẹrẹ fun ẹda yii, biotilejepe ọpọlọpọ awọn aaye ayelujara nperare pe o ni atilẹyin nipasẹ gbogbo awọn aṣàwákiri ìgbàlódé. A ko fi oju rẹ silẹ ni HTML4 tabi ti o gbooro ni HTML5 nitori pe ko jẹ ẹya ara ti boya alayeye.
Yẹra fun lilo ẹda yii ati ki o dipo mu awọn aworan rẹ ṣe ki wọn ki o muu yarayara. Ṣiṣẹpọ oju-ewe ti oju-iwe jẹ apakan ti o ni idaniloju ti oju-iwe ayelujara ti o dara, ati awọn aworan nla ṣe oju awọn oju-iwe si isalẹ pupọ-paapa ti o ba lo ẹda LOWSRC.