Vidéo: Insérer une image: HTML5 CSS3 pour les graphistes, partie 5 2025
La balise
Par exemple, l'attribut align n'est pas disponible en HTML5 - il était obsolète en HTML4 car CSS fournissait déjà de bonnes alternatives de transformation à l'attribut align. Malheureusement, une victime de la dépréciation, longdesc, affecte les personnes ayant des besoins spéciaux, mais peu de sites ont effectivement mis en œuvre cette fonctionnalité utile de toute façon. La liste suivante vous fournit une liste mise à jour des attributs que vous pouvez utiliser pour référence.
-
alt: Fournit une description textuelle de l'image pour ceux qui ne peuvent pas la voir. Un lecteur d'écran décrira l'image à la personne. Il est important de garder la description courte et ciblée. Même si une image vaut mille mots, le spectateur n'aura probablement pas le temps de tout entendre.
-
crossorigin: Permet l'utilisation d'images situées sur un autre serveur comme spécifié dans une balise
incluse dans une balise. Le navigateur agira comme si l'image était servie par le serveur local plutôt que par le serveur étranger. Étant donné que l'image est sur un autre serveur, l'attribut src est normalement modifié pour inclure des détails de serveur supplémentaires.Pour utiliser cette fonctionnalité, vous devez également fournir un en-tête HTTP d'origine qui décrit l'emplacement du serveur. Vous pouvez également utiliser JavaScript pour accéder à ces informations (voir le Mozilla Developer Network pour un exemple d'exécution de cette tâche). Cet attribut peut avoir les valeurs suivantes:
-
anonyme: Le serveur étranger ne nécessite aucune connexion spéciale pour utiliser l'image.
-
use-credentials: Le serveur étranger nécessite un nom d'utilisateur et un mot de passe pour accéder à l'image. Les informations d'identification sont fournies en utilisant une variété de moyens, y compris un cookie, x. Certificat 509, ou authentification de base
-
-
height: Spécifie la hauteur d'une image en utilisant n'importe quelle unité de mesure prise en charge.
-
ismap: Spécifie que l'image est une carte côté serveur lorsqu'elle est incluse (aucune valeur n'est associée à cet attribut). Les images mappées peuvent être utilisées pour effectuer toutes sortes de tâches, comme agir comme une carte de site (redirection des spectateurs vers d'autres endroits sur le site).
-
src: Définit la source de l'image. Normalement, cet attribut contient une URL simple. Lorsque vous utilisez l'attribut crossorigin, cependant, src prend une nouvelle signification (voir l'entrée de l'attribut crossorigin pour plus de détails).
-
usemap: Spécifie que l'image est une carte côté client. Vous fournissez le nom de la balise à utiliser avec l'image.
-
width: Spécifie la largeur d'une image à l'aide de n'importe quelle unité de mesure prise en charge.
