Tag HTML IMG e CSS immagini funzionano in determinate circostanze nel Web design. In generale, le immagini CSS tuta sfondo o uso decorativo. Uso HTML IMG tag quando è necessario includere un'immagine nel tuo contenuto; ad esempio, una fotografia di un prodotto o una persona. Per modificare il tuo CSS o HTML dovrai accedere a file di base del tuo sito.

Tag IMG

Il tag HTML IMG sta per "immagine". Il formato di base per la scrittura di un tag di immagine è: < img alt = "testo alternativo dovrebbe l'immagine non riescono a caricare" / >. SRC si intende l'origine dell'immagine..--che significa il percorso della cartella o l'URL. Alcune persone usano programmi di lettura dello schermo per visualizzare i siti Web o sfogliare con immagini disattivate. In questi casi, il testo alt spiega ciò che l'immagine si riferisce. Il tag IMG fa parte del contenuto di una pagina Web. Quindi, se si desidera aggiungere una foto a una pagina o utilizzare un grafico illustrativo, il tag IMG è l'opzione migliore.

CSS Image

Progettisti utilizzano CSS o fogli di stile CSS, per separare il contenuto di un sito Web dal design complessivo. Ad esempio, bordi, ombreggiatura e immagini di sfondo non contano come elementi di contenuto effettivo del tuo sito. La sintassi per un'immagine di sfondo CSS è: immagine di sfondo: URL('yourchosenimage.gif');. CSS si siede solitamente in un file separato dalla pagina HTML, anche se è possibile aggiungere le istruzioni in linea. Apportare una modifica al file CSS significa che è possibile modificare l'aspetto di tutte le pagine del sito in una sola volta. Quindi, se si desidera aggiungere un'immagine di bordo al vostro disegno, lei CSS per modificare l'intero sito Web.

ALT e navigazione

Alcune immagini sul tuo sito Web possono avere un ruolo importante nell'aiutare gli utenti a navigare le pagine o applicazione. Ad esempio, "submit" pulsanti, pulsanti "Acquista ora" o "domestici" pulsanti che si riferiscono tutti alla loro azione e la destinazione. IMG tag contengono gli attributi ALT, dandovi l'opportunità di dire agli utenti che cosa facendo clic su tale collegamento farà se non riescono a vedere l'immagine. Immagini di CSS non consentono di includere tali informazioni. Ciò significa che non sono adatti per i pulsanti di navigazione e grafica di informazioni importanti.

Considerazioni

Utilizzare immagini di sfondo CSS può aggiungere qualche colore e contrasto al tuo sito. Tuttavia, un uso eccessivo potrebbe toglie il contenuto. Ad esempio, utilizzando le immagini di sfondo ombreggiato sotto testo scritto può rendere le parole più difficili da leggere. Molti sistemi di content management consentono di aggiungere immagini facilmente attraverso l'editor contenuto principale. Questi sono solitamente immagini HTML tag IMG, in modo da non influenzare il tuo CSS o alterare l'aspetto generale del tuo sito.