Pagrindinė problema, susijusi su HTML vaizdų pridėjimu iš nuotolinių šaltinių, yra ta, kad dėl to gali sulėtėti puslapio įkėlimas. Taip yra todėl, kad naršyklė turi pateikti atskirą užklausą dėl kiekvieno vaizdo, kuri gali greitai susidėti, jei puslapyje yra keli vaizdai. Be to, jei nuotolinis šaltinis neveikia arba jo ryšys lėtas, tai gali dar labiau uždelsti puslapio įkėlimą. Galiausiai, taip pat padidėja saugumo spragų rizika, nes vaizdai paimami iš išorinio šaltinio.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Ši kodo eilutė yra HTML vaizdo žyma, naudojama vaizdui pateikti tinklalapyje.
2. Atributas „src“ nurodo rodomo vaizdo URL adresą, šiuo atveju jis yra „https://example.com/image.jpg“.
3. Atributas „alt“ pateikia alternatyvų paveikslėlio tekstą, šiuo atveju tai yra „Pavyzdinis vaizdas“.
img src atributas
HTML atributas img src naudojamas vaizdo šaltiniui nurodyti. Jis naudojamas viduje žyma, kad apibrėžtumėte vaizdo šaltinį. Šio atributo reikšmė turi būti galiojantis URL, nukreipiantis į vaizdo failą. Šis atributas reikalingas visiems tinklalapio vaizdams ir leidžia naršyklei surasti ir rodyti vaizdą.
Kaip pridėti išorinį vaizdą į HTML
Pridėti išorinį vaizdą į HTML yra gana paprasta. Viskas, ką jums reikia padaryti, tai naudoti žymą ir nurodykite vaizdo šaltinį naudodami atributą src. Išorinio vaizdo įtraukimo į HTML sintaksė atrodo taip:
Kur „image_url“ yra nuoroda į vaizdo failą, o „alternatyvus tekstas“ yra vaizdo aprašymas (prieinamumo sumetimais).
Pavyzdžiui, jei norite pridėti išorinį vaizdą iš savo svetainės, pavadintą mano vaizdas.jpg, jūsų kodas atrodytų taip: