Faut-il respecter les standards HTML ou XHTML ?

[Monique]

Bonjour,

La magie d'Internet, c'est de permettre les échanges d'idées, le partage des connaissances ou des ressources...
Le but d'un webmaster ne doit donc pas être de respecter des normes, mais de présenter des informations et de s'assurer qu'ils seront accessibles pour tous.
Il se fait que des pages pleines d'erreurs ou écrites n'importe comment ne seront pas correctement interprétées par tous les navigateurs, ne pourront pas être lues par des personnes qui ont un problème de vue...

Le respect des standards du web n'est donc qu'un moyen de parvenir à ce but !

Bien sûr, obtenir la mention page valide d'un validateur est une source de satisfaction et afficher les logos correspondants sur ses pages contribue à faire connaître l'existence et l'importance des standards.

Mais il faut admettre aussi que passer du HTML 4.01 transionnal au strict, puis au XHTML, cela demande un apprentissage supplémentaire : l'utilisation des feuilles de style, la mise en page à l'aide de blocs (et non plus de tableaux), un contenu rigoureusement structuré...
Pour un webmaster amateur qui n'a pas nécessairement de temps à consacrer à ces apprentissages, il peut être préférable de choisir les spécifications adaptées à son niveau de connaissances. Il pourra alors les respecter sans difficultés et donnera à ses pages la possibilité d'être vues par un maximum d'internautes.

Cependant, le Web est sorti de sa période bricolage et bidouilles.
Les langages et la technologie ont évolué, le nombre de personnes connectées a considérablement augmenté.
Les pages respectant les normes rigoureuses du HTML strict, et plus encore du XHTML, seront plus pertinentes pour les moteurs de recherche, mieux interprétées par les navigateurs graphiques actuels et accessibles à tous les autres (navigateurs anciens, navigateurs textes ou vocaux utilisés par les aveugles...).

Pour approfondir le sujet, je vous invite à lire ces pages
http://openweb.eu.org/accessibilite/
http://ljouanneau.free.fr/standards/pourquoi.html
http://pompage.net/pompe/lirespec/
http://www.la-grange.net/2002/12/19.htm ... ard-facile

Amicalement,
Monique

[perle d'argent]

Sauf que moi, je viens seulement d'attaquer la validation HTML (pour le moment, index et fichiers accueil et projet. C'est déjà un sacré boulot, alors s'il faut tout reprendre en XHTML....
Heureusement, je pars une semaine me laver la tête
Donc, bonne semaine à vous

[Mies Van der Rohe]

et le XML savez vous l'utilisez? J'ai un fichier xml mais je ne sais pas l'utiliser, faut-il créer un fichier de type index.xml et de le jeter dans le navigateur? ( D'ailleurs j'ai jamais rien comris au XML)

[Monique]

Bonsoir,

et le XML savez vous l'utilisez? J'ai un fichier xml mais je ne sais pas l'utiliser, faut-il créer un fichier de type index.xml et de le jeter dans le navigateur? ( D'ailleurs j'ai jamais rien comris au XML)

Non, je ne sais pas l'utiliser mais je finirai par m'y attaquer
Si tu veux en savoir plus
http://www.chez.com/xml/initiation/index.htm
http://www.allhtml.com/xml/index.php
http://xmlfr.org/documentations/

Le XHTML est du HTML reformulé de façon à respecter les règles strictes du XML.
Actuellement, le XML pur ne convient pas à l'affichage sur le Web (peu de navigateurs l'affichent correctement). On peut transformer des données XML en HTML ou en XHTML à l'aide de script (php par exemple).

Amicalement,
Monique

[Mies Van der Rohe]

Merci pour ces liens. donc il faut que je fasse un script pour que mon navigateur veuille bien me lire mon fichier, quelle est la fonction de php qui fait ça?
Si quelqu'un a une piste, voici un exemple de fichier :

Code: Tout sélectionner

  <?xml version="1.0" encoding="ISO-8859-1" ?>
- <PHPFAQTORY SUBJECT="Bibliographie">
- <HEADER>
- <TITLE>
- <![CDATA[ Bibliographie
  ]]>
  </TITLE>
- <ABSTRACT>
- <![CDATA[
  ]]>
  </ABSTRACT>
- <AUTHOR>
- <![CDATA[ aROOTS
  ]]>
  </AUTHOR>
  <EMAIL>aroots@aroots.org</EMAIL>
  <VERSION />
  <DATE>2002-04-02 18:24:31</DATE>
  </HEADER>
- <CHAPTERS>
- <CHAPTER ID="1" title="Théories">
- <QUESTIONS ID="1.1">
  <DATE_MODIF>2002-04-02 18:24:31</DATE_MODIF>
  <DATE_CREATE />
- <QUESTION>
- <![CDATA[ Ouvrages généraux
  ]]>
  </QUESTION>
- <ANSWER>
- <![CDATA[
*"CLASSICISME.", Ouvrage collectif, Les Cahiers de la Recherche architecturale n°18 Parenthèses, 1985.

*Anthony BLUNT, "La théorie des Arts en Italie, de 1450 à 1600", Juillard, Paris, 1965

*Anthony BLUNT, "Art et architecture en France. 1500-1700", Macula, 1985.

*Jean CASTEX, "Renaissance, Baroque et Classicisme. Histoire de l'Architecture 1420-1720", H2A/Hazan, Paris 1990.

*Françoise CHOAY, "La Règle et le Modèle", Seuil, Paris 1980.

*Françoise FICHET, "La Théorie architecturale à l'Age Classique", Éd. Mardaga, Paris, 1979.

*Michele FURNARI, "Formal Design in Renaissance Architecture from Brunelleschi to Palladio", Rizzoli, New York, 1995.

*Louis HAUTECOEUR, "Histoire de l'architecture classique en France", A & J. Picard, Paris, 1948-1952.

*Peter MURRAY, "L'architecture de la Renaissance italienne", Ed. Thames & Hudson, 1990.

*Jean-Marie PEROUSE DE MONTCLOS, "HISTOIRE DE L'ARCHITECTURE FRANÇAISE. De la Renaissance à la Révolution", Mengès/C.N.M.H.S., 1989.

*John SUMMERSON, "Le langage classique de l'Architecture", Éd. L'équerre, 1981.

*John SUMMERSON, "L'Architecture du XVIIIe siècle", Éd. Thames & Hudson, 1993.

*Werner SZAMBIEN, "Symétrie, Goût, Caractère. Théorie et terminologie de l'architecture à l'âge classique", Editions Picard, Paris, 1986.

*Manfredo TAFURI, "Architecture et Humanisme. De la Renaissance aux réformes", Éd. Dunod, Paris, 1981.

Alexandre TZONIS, Liane LEFAIVRE, Daniel BILODEAU, "Le Classicisme en Architecture: La poétique de l'Ordre", Éd. Dunod, Paris, 1985.

R. WITTKOWER, "Art et Architecture en Italie, 1600-1750. L'âge du Baroque", H2A/Hazan, Paris, 1991.

R. WITTKOWER, "Architectural Principles in the Age of Humanism", Londres, 1959.

Heinrich WÖLFFLIN, "Renaissance et Baroque." Paris, 1967.



  ]]>
  </ANSWER>
  </QUESTIONS>
  </CHAPTER>
  </CHAPTERS>
  </PHPFAQTORY>



[ortolojf]

Merci à Digit pour ses indications

...Maintenant, mon site est compatible HTML 4.01 Transitional, et j'ai mis le logo du W3C sur toutes mes pages, après avoir téléchargé ce logo sur mon serveur ( c'est plus rapide ).

Je suis abonné à Xiti, et j'avais le même problème que WebRankInfo.

Si je voulais adopter la norme HTML 4.01 Strict, je serais obligé de renoncer aux balises <FONT> et autres, et de tout mettre en feuilles de style... Celà me pose deux problèmes:

- Tous les navigateurs n'interprètent pas les feuilles de style,

- Pour les pages de mes statistiques, je dois pouvoir prévoir 20 couleurs différentes pour les noms des chevaux, une couleur par numéro de partant, ce qui me ferait 20 classes pour la balise <TD> , ce qui est beaucoup, non ?

J'aurais besoin de savoir votre avis, sur ces deux points.

Merci de vos réponses.

Jean Francois Ortolo

[hetzeld]

Salut Jean-François,

20 classes, ce n'est pas énorme. Il peut y en avoir bien plus dans une feuille de style.
En ce qui concerne la compatibilité avec les anciens navigateurs, ceux de la 3ème génération supportent la majorité des CSS1.
Les seuls qui posent problème sont NN4 et IE4-win mais ils ne sont plus véritablement représentatifs sur le net. Il existe quelques irréductibles, bien sût

C'est un choix à faire:
- un site "aux normes" visible par 99% des internautes et par tous les robots.
- un site "hors normes" qui ne sera parfait nulle part, tout juste "à peu près bien" chez certains et "un peu mieux" chez d'autres..

Perso, je n'ai pas hésité longtemps...

Dan

[Monique]

Bonjour Jean-François,

Je confirme l'avis de Dan : tu peux te lancer sans hésitation dans l'utilisation d'une feuille de style. Pour ma part, je ne pourrais même plus envisager de travailler autrement
Ta page y gagnera en poids (cela peut atteindre facilement un gain de 50%), ton code sera plus clair, tu seras assuré d'utiliser la même mise en forme sur toutes tes pages pour un même élément sans prise de tête, et si l'envie te prend de changer une couleur par exemple, il te suffira de le faire à un seul endroit.

Dans ton cas, tu dois utiliser une feuille de style externe qui pourrait se nommer style.css et dans ton code, avant la balise de fermeture </head> tu ajoutes ceci

Code: Tout sélectionner

<link rel="stylesheet" type="text/css" href="style.css">

Dans ta feuille de style :

Code: Tout sélectionner

.coul1 {
  background-color : FF0000;
  text-align : left;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
}
.coul2 {
  background-color : 99997A;
  text-align : left;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
}

et dans ton code

Code: Tout sélectionner

<TD class="coul1">TONY&BOY
</TD>

au lieu de

Code: Tout sélectionner

<TD BGCOLOR="FF0000" ALIGN=LEFT>
<FONT FACE="Helvetica, Verdana, sans-serif">
<B>TONY&BOY</B>
</FONT>
</TD>

Les attributs text-align, font-family et font-weight pourraient être regroupés pour alléger la feuille de style, mais cela poserait des problèmes aux navigateurs anciens.

Un super programme, gratuit, pour éditer facilement tes feuilles de style
http://www.bradsoft.com/topstyle/download/litedload.asp
Il te permet notamment de ne choisir que les attributs compatibles CSS 1, CSS 2, NN4...

N'hésite pas à poser une question si tu rencontres des difficultés

Amicalement,
Monique

[ortolojf]

Merci beaucoup, Hetzeld et Monique
Je vais probablement me mettre à l'oeuvre dès ce week-end...

Celà devrait être assez rapide, vu que j'ai déjà jeté un coup d'oeil sur la norme du W3C traduite en Français, de la programmation des css1 , et j'ai vu aussi la façon dont GoogleStats était programmé, qui, je l'avoue, est pour un moi un modèle de programmation PHP.

Un autre avantage, est que celà augmentera le niveau de programmation ( au sens ou on dit: un language de programmation de haut niveau, par opposition à un language proche de la machine ), et donc je pourrai en quelque sorte, "automatiser" certaines phases de ma programmation, même si évidemment je continue à programmer de façon manuelle.

Je vois bien quelles sont les étapes de préparation de l'ensemble du processus de modification: Inventaire des modifications, classification des types de modifications, programmation modifiée, et enfin écriture du programme.

Simple comme bonjour.

Merci beaucoup à Monique pour ses exemples, que je vais utiliser directement pour mes noms de chevaux.

Et puis, il faudra que je teste des tailles et des familles de polices, pour voir le rendu à l'écran... Malheureusement, je serai obligé de faire des essais en réel sur mon site, car c'est la seule manière dont je peux y avoir accès à partir de Windows XP avec IE6 ou Netscape7, contrairement à Linux, mais là il y a des problèmes de tailles des polices de Mozilla.

Bof, c'est pas la mer à boire...

Merci encore à vous.

Jean Francois Ortolo

[Monique]

Bonsoir Jean-François,

Je suis bien heureuse d'apprendre que tu te lances dans l'aventure, tu ne le regretteras pas.
Tu sais que tu peux compter sur l'aide de chacun de nous ici

Amicalement,
Monique

[ortolojf]

Merci Monique

Jean Francois Ortolo

[ortolojf]

Bonjour Monique et Hetzeld et les autres

J'ai une question sur les css1 à poser...

Comment on fait pour positionner une table au milieu de l'écran, en utilisant une classe de cette table ?

Ou bien, doit-on nécéssairement utiliser l'option de la table elle-même, à savoir ALIGN=CENTER ?

Ou bien, doit-on utiliser une balise <DIV classée, avant la table ( solution tordue, je l'avoue )

J'ai mis toutes mes tables de mes anciennes courses avec des classes, je me demande si c'est nécéssaire, je pensais qu'il valait mieux se passer des options de déclaration de la balise <TABLE> , mais après tout, peut-être que je me trompe...

Merci à vous pour vos réponses.

Jean Francois Ortolo

[hetzeld]

Salut Jean-François,

Tu as choisi le bon exemple du tableau à centrer.
Dans un monde parfait, le centrage devrait s'effectuer en positionnant margin-left et margin-right à "auto".
Malheureusement, IE5 est buggé sur ce coup là et ne centre pas la page. Idem pour NN4, mais là ça n'étonne plus personne

Une astuce consiste à placer le tableau dans une <div> centrée. Je sais bien que c'est boiteux, mais faute de mieux...

Code: Tout sélectionner

.center
{
text-align: center;
}

.center table
{
margin-left: auto;
margin-right: auto;
text-align: left;
}

Ces style fonctionnent bien dans tous les browsers récents (ou pas trop vieux )

Dan

[ortolojf]

Voilà
J'ai mis mes anciennes courses en CSS1, mais il semble qu'il y ait un bug sous Internet Explorer ( théoriquement 6 ) au moment de l'affichage des types des courses.

Il n'y a pas d'erreur sous Netscape ou Mozilla, ce qui devrait indiquer que IE6 n'aime pas certaines de mes classes, en particulier celle qui gère, soit la table dans laquelle est le <select>, soit sa cellule.

Cependant, dans la page du choix de la date des courses, les feuilles de style sont bien utilisées.

Bof, ça ne devrait pas être difficile à corriger...

Quant aux nouvelles courses, qui ne sont pas modifiées pour l'instant, Netscape interprète mon site comme du HTML 4.01 Strict, ( j'ai changé le doctype ), et comme il ne trouve pas de prise en charge des feuilles de style, il n'y a plus les couleurs de l'ancien modèle, et l'affichage est... bizarre...

Ce qui n'est pas le cas de IE6, qui rend mes nouvelles courses comme avant.

Maintenant, il est temps de doooorrrrmmmmiiiirrrrr...........

Jean Francois Ortolo

[WebRankInfo]

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