Séparation contenu (html) et mise en forme & page (css).

Bonjour,

Aprés quelques mois d'apprentissage du css j'ai toujours l'impression de bidouiller plutot que de faire des sites. Mais bon, y'a pas à dire c'est mille fois mieux que la vieille méthode tableaux, mille fois plus propre mais aussi mille fois plus contraignant.
Comme je disais j'ai toujours l'impression de bidouiller car je ne sais pas ou sont les limites, les règles...
Par exemple, on entends souvent dire qu'il faut dabord rediger le contenu (html) et ensuite mettre en forme. moi j'aurrais plutot tendance a faire l'inverse. Ce qui implique beaucoups de div qui finalement aurraient pu être évités. Exemple maintenant la moindre image je la met dans un block en background alors qu'elle aurrait pu fairetout simplement une balise <img>. Voilà, j'en viens a ma question. quels elements doivent faire partie du contenu, quel element doivent faire partie du css (Du design en fait).
Et pourquoi... ? Es ce vraiment si grave ? ce qui compte c'est la façon de faire ou le resultat final ?
Voilà j'attends vos réponses avec impatience

Toute info textuelle, même pour un titre imagé : dans le code HTML. Si on a besoin d'utiliser une image avec du texte pour un titre par exemple ou un logo, on mettra une balise <img> avec l'attribut alt correctement renseigné.
Au pire, une image de fond (CSS) avec dans le bloc du texte que l'on cachera par un moyen ou un autre (mais ni display:none, ni visibility: hidden, hélas, car ça marche trop bien et cache le texte à certains lecteurs d'écrans...).

Toute image qui a une importance pour la compréhension du contenu : balise <img> avec attribut alt qui va bien. Il y a des cas où on ne peut pas reproduire le contenu de manière textuelle (schéma...), mais au moins on indique ce que l'image représente.

Les images à visée purement cosmétique ou esthétique : en background dans le CSS. Ce qui permet de modifier l'apparence de la page mais pas le contenu.

Ne pas mettre une image faisant partie à part entière du contenu dans la CSS, sinon en changeant de feuille de style ou en la désactivant on perd une partie du contenu.

Ok merci pour les infos !!
Et pour l'exemple d'un titre qui serrais une image, même si c'est déconseillé il faut donc aussi le mettre dans le html ? comme ceci ? :

<h1><img ....... alt="Titre" title="Titre"></img></h1>
Modifié par supercanard (07 Mar 2006 - 16:07)

supercanard a écrit :
Et pour l'exemple d'un titre qui serrais une image, même si c'est déconseillé il faut donc aussi le mettre dans le html ? comme ceci ? :

<h1><img ....... alt="Titre" title="Titre"></img></h1>

Oui, exactement, il faut le mettre dans le HTML.

Et la syntaxe exacte est :

<h1><img src="montitre.png" alt="Titre"></h1>

ou alors en XHTML

<h1><img src="montitre.png" alt="Titre" /></h1>

Tu mettais également un attribut title, mais il n'est pas très utile dans ce cas précis, où il est redondant avec le texte alternatif. L'attribut title est, de manière plus évidente, bien plus utile pour des liens sur lesquels il faut donner une information que sur une simple image.

Et pour finir, je ne sais pas qui déconseille la solution ci-dessus, mais c'est pas super malin de sa part, vu que c'est sans doute la solution la plus accessible
Modifié par mpop (07 Mar 2006 - 19:33)

Merci