Fighjulate ogni pàgina web in oggi oghje è avete bisognu chì cumunu cusì cose in cumunu. Unu di quelli trait cumuni è imagine. I imagine in u dirittu aghjunghje à a presentazione di un situ web. Unipo di questi imagine, cum'è logu di a cumpagnia, aiutanu à a marca di u situ è cunghjettu l'entizione digitale à a vostra cumpagnia fisica.
Per aghjunghje una imatge, icona, o gràficu per a vostra pàgina web, deve aduprà l'tag in u codice HTML di una pagina. Pudete a tag IMG in u vostru HTML ind'è casu chì vulete a gràfica a vede. U web browser chì rendi u codice di a pagina sustituverà sta tag cù a gràfica apprufante quandu a pagina hè vistata. Riturnà à l'esempiu di a nostra logica di a cumpagnia, quì hè cumu si pudete aghjunghje l'imàgine à u vostru situ:
Image Attributes
In vista di u codice HTML quì sopra, vi vede chì l'elementu inclui dui attributi. Ogni dumandata esse dumandata per l'imaghjini.
U primu attributu hè u "src". Questu hè literalment l'imàscente chì vulete esse indicatu nantu à a pagina. In u nostru esempiu, anu usendu un schedariu chjamatu "logo.png". Questu hè u graficu chì u web browser puderia exhibià quandu prestu u situ.
Avete ancu avè avutu chì, prima di stu nome di l'architettura, aghjunghje alcuni informazioni supplementu, / / images / ". Questu hè u percorsu di scrittore. U slash di prima iniziali dici à u servitore à guardà l'arme di u repertoriu. Allora cercà un carattere chjamatu "imaghjini" è per ultimamente u schedariu chjamatu "logo.png". Utilizà una caratteristica chjamata "imagine" per almacenà tutti i gràfici di u situ hè una prublema più bona, ma a vostra strada di u file seria cambiatu in ciò chì hè pertinente per u vostru situ.
U secondu qualità attribuita hè u testu di "alt". Questa hè u "testu alteru" chì si prisenta se l'imagine falla di carica per qualchì propriu raggiuni. Stu testu, chì in u nostru esempiu leghjite "Logo di a Società" seria esse indicatu se l'imagine falla di carica. Perchè chì passava? Una varietale di motivi:
- Ùn correcciate u percorsu di scrittore
- Ùn incorrect file name or misspelling
- Errore di trasmissione
- U schedariu esculta da u servitore
Questi sò nunda pochi pussibuli per quessa chì a nostra imaghjine specitata pò stà manca. In queste casi, u nostru testu altu esse exhibitu invece.
Altu testu hè ancu utilizatu da u software di lettore per "leghje" l'imaghjera à un visitore chì hè visatu indebidita. Perchè ùn ponu micca vedutu l'imaghjera cum'è noi, questu testu permete à sapè cumu quale hè l'imagina. Hè per quessa alt textu hè dumandatu u perchè ùn deve esse claramente esistitu quale hè l'imagina!
Un malincipitariu cumuni di u testu altu hè chì hè significatu per un mutore di cercadori. Questu hè micca veru. Mentre Google è altri search engines lettu stu testu per esaminà quella chì l'imagina hè (ricurdativi, ùn pò micca "vede" a vostra imagina), ùn deve micca scrittu alt text per appellu solu per i search engines. Autor claru alt testu chì ghjè significatu per l'omu. Se pudete ancu aghjunghje chjode in l'tag chì appellu à i mutori di ricerca, hè bella, ma sempre à sicuru d'alt testu hè serve u so propiu primu per esse quale l'imagina hè per quellu chì ùn pò micca vedà u schedariu graficu.
Altre Attributi
A tag di IMG hà dinò altre altru attribuite chì pudete vede in usu quandu si mette un graficu nantu à a pàgina web - a larghezza è l'altura. Per esempiu, si utilizate un editore WYSIWYG cum'è Dreamweaver, aghjusta automaticamente sta info per voi. Eccu unempiu:
L'attribuuta WIDTH and HEIGHT di à u navigatore di u grandore di l'imagine. U browser allura sapi quantu hè quantu u spaziu in u schema di riferisce, è si pò passà à l'elementu vicinu à a pagina in quandu i scaricamentu di imaghjini. U prublema cù l'infurmazioni in u vostru HTML hè chì pudete micca sempre vogliu chì a vostra imagina esce in quellu talla precisa. Per esempiu, sè vo avete un situ web chì risponde u cambià sizing based on una scena di u visitatore è u grandellu di u dispositivu, vole ancu chì i vostri imagineras sò flexibuli. Sè avete statu in u vostru HTML u cumu quellu di u tòiu fissatu hè questu troppu ghjustu à annullà cun questi mediatei cumprendenti CSS . Per questa raghjone, è per mantene una separazione di stile (CSS) è di struttura (HTML), hè cunsigliu chì ùn cose micca l'altitudine è l'altitudine attributi à u vostru còdici HTML.
Una nota: sè ùn vi mancassi sti struzzioni di scribuzione è ùn ne micca specificate una dimensione in CSS, u navigatore mostrarà l'imagina per u so difettu, nativu di tene in ogni modu.
Edited by Jeremy Girard