Kas yra HTML vaizdo nuoroda?

Kai asmuo kuria tinklalapį, kuriame yra vaizdas, vaizdas iš tikrųjų neįterpiamas į puslapį su likusia informacija. Norint rodyti vaizdus žiniatinklyje, vietoj vaizdo įterpimo puslapyje naudojama HTML vaizdo nuoroda. Norėdami naudoti HTML vaizdo nuorodą, HTML žyma naudojama norint pateikti informaciją apie tai, kur vaizdas yra saugomas ir kur galima jį pasiekti. Ši žyma gali būti naudojama visose naršyklėse ir gali būti naudojama visų tipų vaizdams, kuriuos palaiko naršyklės, įkelti.

Naudojant Vien tik žyma neteikia tinklalapiui informacijos, kurioje turėtų būti vaizdas. Norint, kad HTML vaizdo nuoroda būtų įrašyta teisingai, kad vaizdas būtų įkeltas įkeliant tinklalapį, reikalingi du atributai. Taip pat yra keletas pasirenkamų atributų, kuriuos galima įtraukti, kad būtų pateikta daugiau informacijos. Atributai, kurių reikia norint parašyti vaizdo nuorodą, yra src ir alt.

HTML vaizdo nuorodos atributas src pateikia žiniatinklio adresą arba URL, kuriame yra vaizdas. URL gali būti viena iš dviejų formų. Absoliutus URL suteikia visą žiniatinklio adresą, kuris nukreipia į vaizdą kitoje svetainėje. Absoliutaus src atributo URL įtraukimo pavyzdys būtų: src=”http://www.website.com/image.jpg” – kur website.com nukreipia į kitą svetainę, o vaizdas.jpg – į konkrečią vaizdas.

Kita src atributo URL parinktis yra parašyti santykinį URL. Santykinio URL atveju žiniatinklio adresas pateikia nuorodą į vaizdą tame pačiame svetainės kataloge. Santykinis URL yra sutrumpinta absoliutaus URL versija, nes vaizdas yra toje pačioje vietoje kaip ir tinklalapis. Src atributo su santykiniu URL pavyzdžiai yra: src=”image.jpg” arba src=”images/image.jpg”. Vienintelis skirtumas šiuose pavyzdžiuose yra vaizdo vieta, nes antrajame pavyzdyje jis yra vaizdų aplanke.

Kitas būtinas atributas yra alt, kuris pateikia alternatyvų vaizdo tekstą. Tai ne tekstas, kuris rodomas, jei vartotojas užveda pelės žymeklį virš vaizdo, o tekstas, kuris rodomas, jei vaizdo dėl kokių nors priežasčių negalima parodyti. Yra daug priežasčių, kodėl vaizdas gali būti nerodomas, įskaitant atvejus, kai URL atribute src yra neteisingas arba sugadintas arba kai regėjimo negalią turintis vartotojas naudoja ekrano skaitytuvą.
Pats paprasčiausias HTML vaizdo nuorodos kodas atrodys maždaug taip: . Nuo žyma neturi pabaigos žymos, svarbu ją užbaigti />, kad naršyklė žinotų, jog instrukcija baigėsi. Atributas src nurodo vaizdo vietą, todėl svarbu užtikrinti, kad nuorodos į kitas svetaines nebūtų pažeistos ir vaizdai nebūtų perkeliami svetainės kataloge, ir pataisyti nuorodas, kai iškyla problemų.