Bonne ecriture de la balise img

WRInaute discret
Bonjour,

Parmi ces écritures, quelle est selon vous la meilleure ?
<img src="img/top.gif" width="63" height="9" alt="" ></img>
<img src="img/top.gif" width="63" height="9" alt="" >
<img src="img/top.gif" width="63" height="9" alt="" />
 
WRInaute discret
Merci Hawkeye,

Quand tu dis, le reste va dans le stylesheet, tu veux dire que pour toutes tes images, tu précise leur dimension dans le fichier css ? cela fait bc à gérer non ? le fait de l'écrire directement dans la page html peut-il nuire au référencement de celle-ci ?
 
WRInaute accro
Ca ajoute du poids à ta page et donc... potentiellement du temps de chargement et donc... potentiellement un agacement des robots.
Si tu a une css, utilise la à 100%.
 
WRInaute occasionnel
Teddy7 a dit:
Merci Hawkeye,

Quand tu dis, le reste va dans le stylesheet, tu veux dire que pour toutes tes images, tu précise leur dimension dans le fichier css ? cela fait bc à gérer non ? le fait de l'écrire directement dans la page html peut-il nuire au référencement de celle-ci ?


La bonne pratique veut que les informations soit correctement dissociés. Le html regroupe les balises et le contenu, le css le design et la disposition. Il ne devrai donc pas y avoir d'informations relative aux design dans le code HTML.
 
WRInaute accro
Teddy7 a dit:
Quand tu dis, le reste va dans le stylesheet, tu veux dire que pour toutes tes images, tu précise leur dimension dans le fichier css ?

De rien.

Les dimensions des images, je les gère surtout dans Photoshop... ;)
Sauf certains cas très particuliers, je ne précise pas les dimensions (que ce soit via l'html ou via le css): les images sont à la bonne taille.
 
WRInaute discret
Ok, mais il me semble avoir lu que pour le référencement il était meilleur et donc conseillé de toujours préciser ces données (H,L) :?
 
WRInaute accro
En HTML, ce sera <img src="x" alt="y">. En XHTML, ce sera <img src="x" alt="y" />.

Donner la taille de l'image de façon explicite (que ce soit dans la balise IMG elle-même ou via du CSS) n'aide pas le référencement, mais l'affichage: le navigateur peut réserver la bonne place pour l'image dès le départ (sans attendre le chargement de la dite image), et donc il ne va pas y avoir de recalcul de la disposition de la page une fois qu'il aura chargé, c'est nettement plus agréable pour le visiteur. Maintenant, que ce soit dans la balise IMG elle-même ou dans le CSS, ça ne change pas grand chose en général: le navigateur doit de toutes façons tout recalculer une fois qu'il reçoit le CSS (s'il ne l'a pas déjà quand il a commencé à afficher la page).

Jacques.
 
Discussions similaires
Haut