Balise <h1> </h1>

Bonjour j'aurais voulu savoir si il étais possible de faire cela, et si cela et valide en xHTML 1.0 strict

<h1><img src="img.jpg" /> </h1>

Merci et bonne soirée

Salut,

oui c'est valide mais peu efficace...

Quelqu'un qui se sert d'un navigateur non graphique ne verra pas le contenu de ta balise. De surcroît, en terme de référencement, c'est très mauvais.

Tu devrais déjà commencer par mettre ceci:

<h1><img src="img.jpg" width="770" height="120" alt="Le titre" /></h1>

Ce serait déjà mieux... mais pas si efficace que çà vu que le texte a plus de poids qu'un texte alternatif propre à une image. Je suppose que l'image a un but purement décoratif donc il serait préférable de la reporter dans ton css. Une autre méthode consiste donc à faire ceci:

[b]CSS:[/b]

h1 {
background: #FFF url(img.jpg) 0 0 no-repeat ;
width: 770px ;
height: 120px ;
text-indent: -3000px ; <<< pour virer le texte mais à éviter si possible
}

[b]HTML:[/b]

<h1>Le titre</h1>

Nota: T'aurais pu tester par toi-même la validité avant de poster, non?

ouiu ba la taille et l'atribut title je les mets d'office mais c'étais pour aller vite merci de ton aide

Ah! oui... Moi, pour aller vite, je fais un copier-coller...

chacun sa méthode bonne soirée

La solution CSS présentée ci-dessus est la moins pire si tu tiens à garder ton image.
Mais en principe, un titre, c'est du texte. Et les effets de texte ne se glissent pas dans une image mais sur la feuille CSS. Enfin, c'est mieux.