Les images
L'élément <img />
Les images sont introduites dans le documents par l'utilisation de l'élément <img />.
C'est un élément de type en ligne
Exemple :
<img src="img/tbl.jpg" alt="Photo de Tim Berners-Lee" /> [en XHTML] <img src="img/tbl.jpg" alt="Photo de Tim Berners-Lee"> [en HTML]
Les attributs obligatoires sont :
- src : Spécifie l'adresse de l'image.
- alt : Donne une alternative textuelle à l'image. Utile en cas d'absence du fichier image, nécessaire pour l'indexation de l'image par les moteurs de recherche et recommandé pour des raisons d'accessibilité (c'est l'information donnée aux non-voyants).
Les attributs optionnels sont :
- height : Hauteur de l'image en pixels ou en pourcentage.
- width : Largeur de l'image en pixels ou en pourcentage.
- longdesc : URL d'un document html où un descriptif plus long du graphique peut être trouvé
- usemap : Permet d'associer une "map" dont le nom est la valeur de l'attribut à l'élément. Cette "map" ou carte associe des liens à des zones de l'image.
Exemple :
<img src="img/tbl.jpg" alt="Photo de Tim Berners-Lee" width="80" longdesc="http://www.w3.org/photo_Tim.html" />
Les fichiers images adaptés au web sont de 3 formats possibles :
- GIF : Format de compression sans perte. 256 couleurs disponibles. Peut gérer la transparence. Possibilité de faire des gifs animés.
- JPG : Format de compression avec perte permettant d'alléger considérablment le poids des images. 16 millions de couleurs disponibles. A utiliser pour les photographies, les images avec de nombreuses couleurs/nuances ou avec des dégradés fins.
- PNG : Format de compression sans perte. le nombre de couleurs peut varier (exemple : 256 couleurs disponibles pour PNG-8, 16 millions de couleurs disponibles pour le PNG-24 ). Ce format est appelé à supplanter le GIF. Peut gérer la transparence (non-gérée par IE6 sauf en 256 couleurs)
D'autres formats sont théoriquement utilisables (BMP, TIFF, ...) mais outre qu'ils sont souvent inadaptés car trop lourd en poids, leur bonne prise en charge par tous les navigateurs n'est pas assurée.