Bonne ecriture de la balise img

[Teddy7]

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="" />

 

[HawkEye]

<img src="" alt="" />

> le reste va dans la stylesheet

 

[Teddy7]

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 ?

 

[Rod la Kox]

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%.

 

[leo11173]

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.

 

[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 ?

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.

 

[Teddy7]

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) :?

 

[jcaron]

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.

 

[Teddy7]

Ok, merci beaucoup Jcaron, explication très claire

 

[Teddy7]

Résolu