Attribut heightde la balise <img> HTML

HTML img 标签参考手册Balise HTML <img>

Exemples

Une image d'une hauteur et d'une largeur de 42 pixels :

<img src="smiley.gif.html" alt="Smiley face" height="42" width="42">

Essayez-le vous-même »

Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge l'attribut height.


L'attribut height spécifie la hauteur d'une image, en pixels.

Astuce :Il est recommandé de spécifier les attributs height et width pour une image. Si ces attributs sont définis, de l'espace peut être réservé pour l'image lors du chargement de la page. Sans ces attributs, le navigateur ne peut pas connaître les dimensions de l'image et ne peut pas lui réserver un espace approprié, donc la mise en page changera lorsque l'image se chargera.

Astuce :N'utilisez pas les attributs height et width pour redimensionner les images. Si vous réduisez une image à l'aide des attributs height et width, les utilisateurs devront télécharger une image volumineuse (même si elle apparaît petite sur la page). La bonne approche consiste à traiter l'image à la taille appropriée avec un logiciel avant de l'utiliser sur une page web.


Différences entre HTML 4.01 et HTML5

En HTML 4.01, la hauteur doit être définie en pixels ou en pourcentage de l'élément conteneur. En HTML5, la valeur de height doit être en pixels.


Syntaxe

<img height="pixels">

Valeurs d'attributs

Valeur Description
pixels La hauteur en pixels (par exemple, height="100").


HTML img 标签参考手册Balise HTML <img> Autres extensions