Faut-il respecter les standards HTML ou XHTML ?

[HISTOMOBILE]

Peut-être que je suis vite content, mais ta page est impressionnante au point de vue design tout en douceur, seul hic de ta page est la quantité de contenu, rien ne ressort, mais bon je parlais du design.

Je vais m'y mettre en douceur.

Merci

[Monique]

Bonsoir Histomobile, et tous ceux qui sont intéressés par le sujet...

Dan t'a déjà parlé des avantages à utiliser les blocs plutôt que les tableaux.
Pour t'aider à mettre cela en pratique, voilà quelques pages utiles :

- des exemples de mises en pages à 2 ou 3 colonnes (en anglais, mais cela ne change rien pour le code )
http://www.bluerobot.com/web/layouts/
http://www.glish.com/css/
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

- en pas à pas, la mise en conformité d'une page (2 colonnes)
http://ljouanneau.free.fr/standards/tutoriel/index.html

- comment présenter un cadre aux coins arrondis
http://ljouanneau.free.fr/standards/css/cadre/

- quelques autres exemples d'utilisation des CSS pour divers problèmes de mises en pages (vignettes, formulaires...)
http://openweb.eu.org/mise_en_page/
http://www.pompage.net/pompe/csspratique/

- pour vérifier la validité des pages et feuilles de styles, vérifier si la lecture est possible en mode texte
http://jigsaw.w3.org/css-validator/
http://validator.w3.org/
http://www.delorie.com/web/lynxview.html

Effectivement, les utilisateurs d'anciens navigateurs ne pourront pas toujours voir les pages exactement comme tu le souhaiterais. Mais, d'une part ils sont devenus vraiment très peu nombreux, d'autre part ils auront quand même accès sans problème à l'information que tu proposes (juste un peu moins bien présentée).

Bon courage

Amicalement,
Monique

[HISTOMOBILE]

Un grand merci Monique, je commence aujourd'hui.

[William]

Pour revenir au sujet, qqun a des adresses de validateur sympa (qui donne qq indice qd tu as une erreur de format) ?

William

[slew]

Un petit tutorial pour remplacer les tableaux par des div:

http://www.zoomduweb.com/projets/tutocss/

[Monique]

Bonsoir,

Merci pour cette page, slew
Je ne la connaissais pas... elle est maintenant dans mes favoris !

William, voilà des adresses pour valider tes pages, feuilles de style...

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

http://www.htmlhelp.com/tools/validator/
http://www.searchengineworld.com/index.htm
http://www.delorie.com/web/lynxview.html

Amicalement,
Monique

[William]

Merci

[loupetiart]

le transitional n'apporte rien !
deux chose,

le transitional et le strict !

le html strict est la même chose a quelque point prés que le xhtml strict

le xhtml strict apporte la comptabilité avec le xml, mais en xhtml il n'y a nullement de données structurer comme en xml...

Les standards sont strict ! un navigateur conforme tel mozilla n'affichera pas la page de la même façon selon une DTD transitional et une DTD strict...
le transitional comme son nom l'indique est une periode de transition...

Ne perdez pas de temps changez tout en strict directement,
c'est ce que je fais depuis 2 mois, comprenant l'aprentissage des css qui forme vraiment un gros morceau (g un bo classeur avec toute la recommendation du w3c plastifié, jmen fais de la lecture entre deux bouquin pour me changer les idées)

voilà je voulai juste eclaircir ce point sur le transitional, je suis contre.

ps: noté que le respect des standards passe par l'accessibilité, n'oublié pas de supprimer tout vos javascript, tout vos popups et tout vos target="_blank"

[Mirgolth]

ps: noté que le respect des standards passe par l'accessibilité, n'oublié pas de supprimer tout vos javascript, tout vos popups et tout vos target="_blank"

Ou peut très bien avoir du Javascript et du code 100% valide. Il suffit juste de le coder suivant les recommandations :

Code: Tout sélectionner

<script type="text/javascript"></script>

et non pas

Code: Tout sélectionner

<script language="JavaScript1.1"></script>

Cela implique donc de réécrire pas mal de code comme celui des icones de stats (Xiti, ...) des affiliations ( Cibleclick...) et autres bannières. Mais c'est valide !

Pareil pour les popup et autres ouverture de fenêtres, c'est pas bien en terme d'accessibilité et de confort de naviguation mais il existe des manières valide de le faire, pour toutes les versions du HTML

Mirgolth

[loupetiart]

merci d'ajouter cette precision maintenant il vont laisser leurs javascript les gens...

[Mirgolth]

merci d'ajouter cette precision maintenant il vont laisser leurs javascript les gens...

Je comprend tes motivations et je les approuvent totalement. Ceux qui essayent de faire du code valide sont généralement conscients des problèmatique d'accessibilité et de technologie non universelles. Les autres, qui ne sont conscient de ne pas bien faire, ne cherchent pas à valider leur code ton argument n'aura donc que très peut d'efficacité sur eux... Pour finir, les amateurs de popups connaissent l'inconfort qu'ils génèrent mais aussi que le CTR est augementé : ils ont vite fait leur choix !

Bref, ceux qui veulent faire les choses mal le feront toujours alors autant qu'ils les fassent correctement, c'est à dire avec du code valide ! Pour les autres je préfère leur faire comprendre et leur apprendre comment bien faire plutôt que de les amenné ou tu veux pour de fausses raisons.

Pour le JS: dis leur d'utiliser de vrais liens, car 11% des internautes n'ont pas de JS, et que ce la nuira au référencement sous google !
Pour target="_blank" : Explique pourquoi ne pas ouvrir de nouvelles fenêtres
Pour les pop-up : Ca fait fuir les visiteurs mais, là encore si c'est justifier, autant créer des pop-up intelligentes

Mirgolth

[Mikado]

on s'éloigne du sujet initial de cette discussion... mais c'est pour la bonne cause : la validation HTML et CSS !

Bonsoir,

Lorsque je tente une validation HTML W3C, j'obtiens les 6 erreurs suivantes:

# Line 54, column 27: there is no attribute "HEIGHT" (explain...).

<table width="100%" height="80" cellpadding="0" cellspacing="0" border="0">
^

# Line 446, column 150: cannot generate system identifier for general entity "p"

...://logv21.xiti.com/hit.xiti?s=106007&p=accueil&" title="Mesurez votre audienc
^

# Line 446, column 150: general entity "p" not defined and no default entity (explain...).

...://logv21.xiti.com/hit.xiti?s=106007&p=accueil&" title="Mesurez votre audienc
^

# Line 446, column 151: reference to entity "p" for which no system identifier could be generated

...//logv21.xiti.com/hit.xiti?s=106007&p=accueil&" title="Mesurez votre audience
^

# Line 446, column 149: entity was defined here

...p://logv21.xiti.com/hit.xiti?s=106007&p=accueil&" title="Mesurez votre audien
^

# Line 459, column 30: document type does not allow element "SCRIPT" here (explain...).

<script type="text/javascript">

Comment faire pour les faire disparaître?

[Kmacleod]

Pour un tableau tu ne peux specifier de height
pour le problème du p c'est le paramétre de xiti avec la codification du &

remplace &p par &amp;p

[kilik]

juste comme ca en passant, si vous voulez rendre votre site lisible sur un ordi/braille, bon courage, je travaille sur un projet avec une ecole de malvoyants/aveugles, c'est encore + strict que le html strict lol

[Mikado]

Merci de ton aide, mais il me reste cette unique erreur :

1. Line 453, column 30: document type does not allow element "SCRIPT" here (explain...).

<script type="text/javascript">
^

451: </div>
452: </BODY>
453: <script type="text/javascript">
454: <!--
455: window.open = SymRealWinOpen;
456: //-->
457: </script>
458: <!-- #EndTemplate --></HTML>


Je ne comprends pas ce qui cloche...