5568 sujets

Sémantique web et HTML

Bonjour,

Je développe des sites depuis des années, mais je ne me suis jamais penché sur comment faire un site "propre".
Je profite de l'occasion de débuter un nouveau site pour m'y mettre, mieux vaut tard que jamais ! Smiley smile

J'ai créé mes 2 premières pages, elles passent au validator.w3 sans erreurs, excepté pour la 2eme, à cause d'un tableau. Mais vu que c'est une page de configuration, je pense que c'est obligatoire.

J'aurais donc aimé avoir votre avis : qu'est ce qui va pas, ce qui serait mieux autrement, bref, tous les conseils que vous aurez pour m'améliorer seront les bienvenues !

Voila les pages :
http://80.118.47.27/test/metiers_transaction.asp
et la 2eme est en cliquant sur "configuration matériel" en bas de page

Merci

Matthieu
Il n'y a aucun problème à utiliser un tableau, c'est même tout à fait approprié dans ton cas. Le problème vient plutôt de la syntaxe: tu ne peux imbriquer un tableau dans un paragraphe.
Au passage, je te conseille la lecture de l'article d'Openweb sur l'utilisation des tableaux.
Salut,

Je viens de regarder la syntaxe de ta page d'accueil. C'est du Dream pur sucre. Un vrai placard de scripts inutiles pour faire des rollover, là où un comportement décrit dans la feuille de style qui est pour le moins succincte aurait suffi.

Tes menus à base de <p> et de <br /> devraient être largement remplacés par des listes elles même stylées.

Les rafales de
&nbsp;
pour espacer alors que padding-left ou margin-left règlent le problème.

Aucune sémantique du contenu dans la mesure où tous les blocs sont supportés par des <p> sans aucune utilisation de balises <hn>

Et surtout, pendant de l'utilisation Dream, une divite aigüe.

Mon conseil, vire dream et lance-toi dans le notepad. Pense à ton contenu avant de penser à ton design et tu auras fait un grand pas vers un site propre.

Le fait qu'il valide les test du W3C signifie uniquement que ta syntaxe est correcte pour le doctype que tu as choisi. Ce n'est pas un gage de qualité d'écriture.

Bon courage.
&nbsp;

Modifié par papyjo (17 Sep 2007 - 11:51)
papyjo a écrit :
Un vrai placard de scripts inutiles pour faire des rollover, là où un comportement décrit dans la feuille de style qui est pour le moins succincte aurait suffi.

Les scripts JS de rollover décoratifs sur des boutons de menu ne sont pas inutiles, dans la mesure où ils permettent de conserver des <img alt="intitulé du lien" /> dans le code HTML, ce qui est encore la solution la plus accessible pour un menu en images. Smiley smile