Category Archives: Blog

Il tag Picture non è un “sostituto” del tag Image, ma un “contenitore” che avverte il browser che lì è presente un’immagine. Una volta individuato il posto dove l’immagine deve essere posizionata, il browser Web può consultare le varie mediaquery contenute nel tags Picture dove la proprietà source identificherà l’immagine da ricercare a seconda delle dimensioni dello schermo del dispositivo. In pratica, un tag Picture funziona così: <picture> <source media=”(min-width: 1024px)” src=”high-res.jpg”> <source media=”(min-width: 600px)” src=”medium-res.jpg”> <source src=”small-res.jpg”>       <img src=”accessible-small-res.jpg” alt=”…”> <p>Testo accessible</p> </picture> e definisce un set di immagini della dimensione più adatta al dispositivo. Allo stesso tempo, se il browser non è capace di interpretare il nuovo comando HTML, si ritrova a scaricare un’immagine alternativa, definita dal tradizionale tag IMG. Quest’ultima immagine può essere a bassa risoluzione, se chi sviluppa decide di seguire...