doctype ?

Olivier Miakinen

02/06/2010 à 23:03

Bonjour,

Le 02/06/2010 19:02, daniel.fischer0322 a écrit :

Est-ce que doctype est obligatoire en haut de page html ?

En un mot : OUI.

En plusieurs mots : si tu as envie de passer des heures à faire
fonctionner ton site sur tous les navigateurs à la fois, passe-toi de
doctype, ou prends un doctype incomplet (sans URL) ; si tu préfères que
ça marche tout de suite presque partout, avec juste un hack de temps à
autre pour IE6, choisis l'un des doctypes complets recommandés.

Je n'en ai pas et mes ennuis viennent peut-être de là.

C'est *très* prossible.

Si je mets
<!doctype html public"-//w3c//dtd html 4.0//en">
en haut de chaque page, est-ce que ça ira ?

Non.

en minuscule ou majuscules ?

Je serais toi, je recopierais le doctype par copier/coller sans chercher
à jouer avec les différences de casse. Ce serait trop bête que la mise
en page soit toute cassée parce que tu préfères mettre une minuscule
dans un truc que personne ne lit sauf les navigateurs.

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???

Non.

Voir par exemple <http://www.pompage.net/pompe/doctype/> [fr] ou
<http://www.w3.org/QA/2002/04/valid-dtd-list.html> [en], mais aussi
<http://openweb.eu.org/articles/toi_comprendre_moi> [fr].

Cordialement,
--
Olivier Miakinen

SAM

03/06/2010 à 01:22

Le 6/2/10 7:02 PM, daniel.fischer0322 a écrit :

Salut à tous,

Bon, Olivier a répondu pendant que mon post attendait la fin de la télé
pour se faire envoyer ...

Tant pis, j'en remets une couche avec 2 ou 3 liens complémentaires à
consulter.

J'ai quelques questions à poser.
Est-ce que doctype est obligatoire en haut de page html ?

Oui, ça participe à la qualité de l'affichage.
(tout dépend de son niveau d'exigence, les navigateurs étant très
souples ... yaka voir tous ces sites compliqués et mal fagotés qui
arrivent à être chargés - je n'ai pas dit lisibles ! -)

Je n'en ai pas et mes ennuis viennent peut-être de là.

sans nul doute (surtout avec IE - lire la prose de M$ à ce sujet)

enfin ... peut-être ... quels sont tes ennuis ?
du site en signature je n'ai vu qu'une ou 2 pages sans mise en forme.

Si je mets
<!doctype html public"-//w3c//dtd html 4.0//en">
en haut de chaque page, est-ce que ça ira ?

autant ne rien mettre

en minuscule ou majuscules ?
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???
(je préfère les minuscules, c'est plus rigolo et sympa)

Le doctype est à respecter in extenso

Merci pour les réponses.

Doctype, La liste :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Infos chez M$ (quirksmode, standards-compliant mode, étoussa) :
(c'est pour IE.8, mais bp de valable pour IE.6, cf dernier lien ici)
<http://technet.microsoft.com/en-us/library/cc288325(VS.85).aspx>
<http://technet.microsoft.com/en-us/library/ms535242(VS.85).aspx>
et descendre jusqu'au tableau des "Remarks"
<http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx>

Saut rit may c'est in anglish

--

Il faut un espace après ces 2 tirets
(je pense qu'on peut arriver à l'essspliquer à OL, mais pas fastoche!)
afin de permettre à tout logiciel de mail ou news respectueux de ne pas
copier la signature dans les réponses.

Daniel
http://pagesperso-orange.fr/daniel.fifi

Oooops!

line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 384 - Erreur: end tag for element "P" which is not open
line 1 column 437 - Erreur: required attribute "ALT" not specified
line 1 column 447 - Erreur: end tag for element "P" which is not open
line 1 column 532 - Erreur: required attribute "ALT" not specified
line 1 column 546 - Erreur: end tag for element "P" which is not open
line 1 column 631 - Erreur: required attribute "ALT" not specified
line 1 column 645 - Erreur: end tag for element "P" which is not open
line 1 column 725 - Erreur: required attribute "ALT" not specified
line 1 column 739 - Erreur: end tag for element "P" which is not open

Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.
Il faut aussi savoir que est optionnel (sauf en XHTML)
comme </td> </tr> et qques autres balises fermantes ( </li> ...)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ? Comment va t-elle passer sur un navigateur non
graphique (ou dont on aura désactivé les images).

Ta page aurait aussi bien passé (moins bien avec IE.6) avec :

<html style="text-align:center">
<title>la zick à Daniel</title>
Dernière mise à jour : Dimanche 30 Mai 2010. 
<img src="index/accueil1.gif"> 
<a href="jazzimpr/tablejaz.htm">
<img src="index/accueil2.gif" alt="le jazz"></a> 
<a href="composit/tablecom.htm">
<img src="index/accueil3.gif" alt="compositions"></a> 
<a href="index/auteur.htm">
<img src="index/accueil4.gif" alt="l'auteur"></a>

Ce qui, tu le noteras, est une atroce soupe mais encore plus courte que
ton code sans aucune indentation, ni même retour à la ligne, mais
donnant le même affichage (à part avec IE ?).
À preuve :
<http://cjoint.com/?gdbftWCcEW>
<http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>
Soupe qui pourra néanmoins satisfaire les mal-voyants :
<http://cjoint.com/?gdboYO4nac>
<http://cjoint.com/data/gdboYO4nac_daniel.fifi.htm>

Voir ce que dit le Validator de ta page:
<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdaniel.fifi>

L'affreuse soupe, elle, n'a que 2 erreurs / 0 avertissements
line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 12 - Erreur: there is no attribute "STYLE"
Voir :
<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>

--
sm

Le 6/2/10 7:02 PM, daniel.fischer0322 a écrit :

Salut à tous,

Bon, Olivier a répondu pendant que mon post attendait la fin de la télé
pour se faire envoyer ...

Tant pis, j'en remets une couche avec 2 ou 3 liens complémentaires à
consulter.

J'ai quelques questions à poser.
Est-ce que doctype est obligatoire en haut de page html ?

Oui, ça participe à la qualité de l'affichage.
(tout dépend de son niveau d'exigence, les navigateurs étant très
souples ... yaka voir tous ces sites compliqués et mal fagotés qui
arrivent à être chargés - je n'ai pas dit lisibles ! -)

Je n'en ai pas et mes ennuis viennent peut-être de là.

sans nul doute (surtout avec IE - lire la prose de M$ à ce sujet)

enfin ... peut-être ... quels sont tes ennuis ?
du site en signature je n'ai vu qu'une ou 2 pages sans mise en forme.

Si je mets
<!doctype html public"-//w3c//dtd html 4.0//en">
en haut de chaque page, est-ce que ça ira ?

autant ne rien mettre

en minuscule ou majuscules ?
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???
(je préfère les minuscules, c'est plus rigolo et sympa)

Le doctype est à respecter in extenso

Merci pour les réponses.

Doctype, La liste :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Infos chez M$ (quirksmode, standards-compliant mode, étoussa) :
(c'est pour IE.8, mais bp de valable pour IE.6, cf dernier lien ici)
<http://technet.microsoft.com/en-us/library/cc288325(VS.85).aspx>
<http://technet.microsoft.com/en-us/library/ms535242(VS.85).aspx>
et descendre jusqu'au tableau des "Remarks"
<http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx>

Saut rit may c'est in anglish

--

Il faut un espace après ces 2 tirets
(je pense qu'on peut arriver à l'essspliquer à OL, mais pas fastoche!)
afin de permettre à tout logiciel de mail ou news respectueux de ne pas
copier la signature dans les réponses.

Daniel
http://pagesperso-orange.fr/daniel.fifi

Oooops!

line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 384 - Erreur: end tag for element "P" which is not open
line 1 column 437 - Erreur: required attribute "ALT" not specified
line 1 column 447 - Erreur: end tag for element "P" which is not open
line 1 column 532 - Erreur: required attribute "ALT" not specified
line 1 column 546 - Erreur: end tag for element "P" which is not open
line 1 column 631 - Erreur: required attribute "ALT" not specified
line 1 column 645 - Erreur: end tag for element "P" which is not open
line 1 column 725 - Erreur: required attribute "ALT" not specified
line 1 column 739 - Erreur: end tag for element "P" which is not open

Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.
Il faut aussi savoir que est optionnel (sauf en XHTML)
comme </td> </tr> et qques autres balises fermantes ( </li> ...)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ? Comment va t-elle passer sur un navigateur non
graphique (ou dont on aura désactivé les images).

Ta page aurait aussi bien passé (moins bien avec IE.6) avec :

<html style="text-align:center">
<title>la zick à Daniel</title>
Dernière mise à jour : Dimanche 30 Mai 2010. 
<img src="index/accueil1.gif"> 
<a href="jazzimpr/tablejaz.htm">
<img src="index/accueil2.gif" alt="le jazz"></a> 
<a href="composit/tablecom.htm">
<img src="index/accueil3.gif" alt="compositions"></a> 
<a href="index/auteur.htm">
<img src="index/accueil4.gif" alt="l'auteur"></a>

Ce qui, tu le noteras, est une atroce soupe mais encore plus courte que
ton code sans aucune indentation, ni même retour à la ligne, mais
donnant le même affichage (à part avec IE ?).
À preuve :
<http://cjoint.com/?gdbftWCcEW>
<http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>
Soupe qui pourra néanmoins satisfaire les mal-voyants :
<http://cjoint.com/?gdboYO4nac>
<http://cjoint.com/data/gdboYO4nac_daniel.fifi.htm>

Voir ce que dit le Validator de ta page:
<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdaniel.fifi>

L'affreuse soupe, elle, n'a que 2 erreurs / 0 avertissements
line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 12 - Erreur: there is no attribute "STYLE"
Voir :
<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>

--
sm

Vous avez filtré cet utilisateur ! Consultez son message

Le 6/2/10 7:02 PM, daniel.fischer0322 a écrit :

Salut à tous,

Bon, Olivier a répondu pendant que mon post attendait la fin de la télé
pour se faire envoyer ...

Tant pis, j'en remets une couche avec 2 ou 3 liens complémentaires à
consulter.

J'ai quelques questions à poser.
Est-ce que doctype est obligatoire en haut de page html ?

Oui, ça participe à la qualité de l'affichage.
(tout dépend de son niveau d'exigence, les navigateurs étant très
souples ... yaka voir tous ces sites compliqués et mal fagotés qui
arrivent à être chargés - je n'ai pas dit lisibles ! -)

Je n'en ai pas et mes ennuis viennent peut-être de là.

sans nul doute (surtout avec IE - lire la prose de M$ à ce sujet)

enfin ... peut-être ... quels sont tes ennuis ?
du site en signature je n'ai vu qu'une ou 2 pages sans mise en forme.

Si je mets
<!doctype html public"-//w3c//dtd html 4.0//en">
en haut de chaque page, est-ce que ça ira ?

autant ne rien mettre

en minuscule ou majuscules ?
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???
(je préfère les minuscules, c'est plus rigolo et sympa)

Le doctype est à respecter in extenso

Merci pour les réponses.

Doctype, La liste :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Infos chez M$ (quirksmode, standards-compliant mode, étoussa) :
(c'est pour IE.8, mais bp de valable pour IE.6, cf dernier lien ici)
<http://technet.microsoft.com/en-us/library/cc288325(VS.85).aspx>
<http://technet.microsoft.com/en-us/library/ms535242(VS.85).aspx>
et descendre jusqu'au tableau des "Remarks"
<http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx>

Saut rit may c'est in anglish

--

Il faut un espace après ces 2 tirets
(je pense qu'on peut arriver à l'essspliquer à OL, mais pas fastoche!)
afin de permettre à tout logiciel de mail ou news respectueux de ne pas
copier la signature dans les réponses.

Daniel
http://pagesperso-orange.fr/daniel.fifi

Oooops!

line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 384 - Erreur: end tag for element "P" which is not open
line 1 column 437 - Erreur: required attribute "ALT" not specified
line 1 column 447 - Erreur: end tag for element "P" which is not open
line 1 column 532 - Erreur: required attribute "ALT" not specified
line 1 column 546 - Erreur: end tag for element "P" which is not open
line 1 column 631 - Erreur: required attribute "ALT" not specified
line 1 column 645 - Erreur: end tag for element "P" which is not open
line 1 column 725 - Erreur: required attribute "ALT" not specified
line 1 column 739 - Erreur: end tag for element "P" which is not open

Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.
Il faut aussi savoir que est optionnel (sauf en XHTML)
comme </td> </tr> et qques autres balises fermantes ( </li> ...)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ? Comment va t-elle passer sur un navigateur non
graphique (ou dont on aura désactivé les images).

Ta page aurait aussi bien passé (moins bien avec IE.6) avec :

<html style="text-align:center">
<title>la zick à Daniel</title>
Dernière mise à jour : Dimanche 30 Mai 2010. 
<img src="index/accueil1.gif"> 
<a href="jazzimpr/tablejaz.htm">
<img src="index/accueil2.gif" alt="le jazz"></a> 
<a href="composit/tablecom.htm">
<img src="index/accueil3.gif" alt="compositions"></a> 
<a href="index/auteur.htm">
<img src="index/accueil4.gif" alt="l'auteur"></a>

Ce qui, tu le noteras, est une atroce soupe mais encore plus courte que
ton code sans aucune indentation, ni même retour à la ligne, mais
donnant le même affichage (à part avec IE ?).
À preuve :
<http://cjoint.com/?gdbftWCcEW>
<http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>
Soupe qui pourra néanmoins satisfaire les mal-voyants :
<http://cjoint.com/?gdboYO4nac>
<http://cjoint.com/data/gdboYO4nac_daniel.fifi.htm>

Voir ce que dit le Validator de ta page:
<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdaniel.fifi>

L'affreuse soupe, elle, n'a que 2 erreurs / 0 avertissements
line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 12 - Erreur: there is no attribute "STYLE"
Voir :
<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>

--
sm

daniel.fischer0322

03/06/2010 à 19:26

Olivier Miakinen a écrit :

> Est-ce que doctype est obligatoire en haut de page html ?

En un mot : OUI.

En plusieurs mots : si tu as envie de passer des heures à faire
fonctionner ton site sur tous les navigateurs à la fois, passe-toi de
doctype, ou prends un doctype incomplet (sans URL) ; si tu préfères que
ça marche tout de suite presque partout, avec juste un hack de temps à
autre pour IE6, choisis l'un des doctypes complets recommandés.

Celui-là était recommandé dans html1 de compétence micro :
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN">

Je serais toi, je recopierais le doctype par copier/coller sans chercher
à jouer avec les différences de casse. Ce serait trop bête que la mise
en page soit toute cassée parce que tu préfères mettre une minuscule
dans un truc que personne ne lit sauf les navigateurs.

> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???

Non.

Voir par exemple <http://www.pompage.net/pompe/doctype/> [fr] ou
<http://www.w3.org/QA/2002/04/valid-dtd-list.html> [en], mais aussi
<http://openweb.eu.org/articles/toi_comprendre_moi> [fr].

Je vais jeter un oeil.
Merci
amicalement
--
Daniel
http://pagesperso-orange.fr/daniel.fifi

daniel.fischer0322

03/06/2010 à 19:39

SAM a écrit >

> J'ai quelques questions à poser.
> Est-ce que doctype est obligatoire en haut de page html ?

Oui, ça participe à la qualité de l'affichage.
(tout dépend de son niveau d'exigence, les navigateurs étant très
souples ... yaka voir tous ces sites compliqués et mal fagotés qui
arrivent à être chargés - je n'ai pas dit lisibles ! -)

> Je n'en ai pas et mes ennuis viennent peut-être de là.

sans nul doute (surtout avec IE - lire la prose de M$ à ce sujet)

enfin ... peut-être ... quels sont tes ennuis ?
du site en signature je n'ai vu qu'une ou 2 pages sans mise en forme.

La page d'accueil met un plus de temps à se charger, me semble-t-il, et
mediaplayer ne peut plus jouer les midifiles bien qu'il les charge. 9a ne
fonctionnait pas comme ça durant les 3 ans passés.

> en minuscule ou majuscules ?
> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???
> (je préfère les minuscules, c'est plus rigolo et sympa)

Le doctype est à respecter in extenso

D'accord

Doctype, La liste :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

Je vais jeter un oeil

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

C'est ce qui se trouve en tête des pubs orange.

"http://www.w3.org/TR/html4/loose.dtd">

Infos chez M$ (quirksmode, standards-compliant mode, étoussa) :
(c'est pour IE.8, mais bp de valable pour IE.6, cf dernier lien ici)
<http://technet.microsoft.com/en-us/library/cc288325(VS.85).aspx>
<http://technet.microsoft.com/en-us/library/ms535242(VS.85).aspx>
et descendre jusqu'au tableau des "Remarks"
<http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx>

Saut rit may c'est in anglish

> --

Il faut un espace après ces 2 tirets

A quel endroit exactement?

(je pense qu'on peut arriver à l'essspliquer à OL, mais pas fastoche!)
afin de permettre à tout logiciel de mail ou news respectueux de ne pas
copier la signature dans les réponses.

> Daniel
> http://pagesperso-orange.fr/daniel.fifi

Oooops!

line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 384 - Erreur: end tag for element "P" which is not open
line 1 column 437 - Erreur: required attribute "ALT" not specified
line 1 column 447 - Erreur: end tag for element "P" which is not open
line 1 column 532 - Erreur: required attribute "ALT" not specified
line 1 column 546 - Erreur: end tag for element "P" which is not open
line 1 column 631 - Erreur: required attribute "ALT" not specified
line 1 column 645 - Erreur: end tag for element "P" which is not open
line 1 column 725 - Erreur: required attribute "ALT" not specified
line 1 column 739 - Erreur: end tag for element "P" which is not open

Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.

Il n'y a pas besoin de donc ?

Il faut aussi savoir que est optionnel (sauf en XHTML)
comme </td> </tr> et qques autres balises fermantes ( </li> ...)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

Comment va t-elle passer sur un navigateur non

graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Ta page aurait aussi bien passé (moins bien avec IE.6) avec :

<html style="text-align:center">
<title>la zick à Daniel</title>
Dernière mise à jour : Dimanche 30 Mai 2010. 
<img src="index/accueil1.gif"> 
<a href="jazzimpr/tablejaz.htm">
<img src="index/accueil2.gif" alt="le jazz"></a> 
<a href="composit/tablecom.htm">
<img src="index/accueil3.gif" alt="compositions"></a> 
<a href="index/auteur.htm">
<img src="index/accueil4.gif" alt="l'auteur"></a>

Ce qui, tu le noteras, est une atroce soupe mais encore plus courte que
ton code sans aucune indentation, ni même retour à la ligne, mais
donnant le même affichage (à part avec IE ?).

D'accord.

À preuve :
<http://cjoint.com/?gdbftWCcEW>
<http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>
Soupe qui pourra néanmoins satisfaire les mal-voyants :
<http://cjoint.com/?gdboYO4nac>
<http://cjoint.com/data/gdboYO4nac_daniel.fifi.htm>

Voir ce que dit le Validator de ta page:

<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdanie
l.fifi>

L'affreuse soupe, elle, n'a que 2 erreurs / 0 avertissements
line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 12 - Erreur: there is no attribute "STYLE"
Voir :

<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.
fifi.htm>

Merci beaucoup, il me faudra un peu de temps pour digérer tout ça.

Amicalement
--
Daniel
http://pagesperso-orange.fr/daniel.fifi

SAM a écrit >

> J'ai quelques questions à poser.
> Est-ce que doctype est obligatoire en haut de page html ?

Oui, ça participe à la qualité de l'affichage.
(tout dépend de son niveau d'exigence, les navigateurs étant très
souples ... yaka voir tous ces sites compliqués et mal fagotés qui
arrivent à être chargés - je n'ai pas dit lisibles ! -)

> Je n'en ai pas et mes ennuis viennent peut-être de là.

sans nul doute (surtout avec IE - lire la prose de M$ à ce sujet)

enfin ... peut-être ... quels sont tes ennuis ?
du site en signature je n'ai vu qu'une ou 2 pages sans mise en forme.

La page d'accueil met un plus de temps à se charger, me semble-t-il, et
mediaplayer ne peut plus jouer les midifiles bien qu'il les charge. 9a ne
fonctionnait pas comme ça durant les 3 ans passés.

> en minuscule ou majuscules ?
> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???
> (je préfère les minuscules, c'est plus rigolo et sympa)

Le doctype est à respecter in extenso

D'accord

Doctype, La liste :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

Je vais jeter un oeil

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

C'est ce qui se trouve en tête des pubs orange.

"http://www.w3.org/TR/html4/loose.dtd">

Infos chez M$ (quirksmode, standards-compliant mode, étoussa) :
(c'est pour IE.8, mais bp de valable pour IE.6, cf dernier lien ici)
<http://technet.microsoft.com/en-us/library/cc288325(VS.85).aspx>
<http://technet.microsoft.com/en-us/library/ms535242(VS.85).aspx>
et descendre jusqu'au tableau des "Remarks"
<http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx>

Saut rit may c'est in anglish

> --

Il faut un espace après ces 2 tirets

A quel endroit exactement?

(je pense qu'on peut arriver à l'essspliquer à OL, mais pas fastoche!)
afin de permettre à tout logiciel de mail ou news respectueux de ne pas
copier la signature dans les réponses.

> Daniel
> http://pagesperso-orange.fr/daniel.fifi

Oooops!

line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 384 - Erreur: end tag for element "P" which is not open
line 1 column 437 - Erreur: required attribute "ALT" not specified
line 1 column 447 - Erreur: end tag for element "P" which is not open
line 1 column 532 - Erreur: required attribute "ALT" not specified
line 1 column 546 - Erreur: end tag for element "P" which is not open
line 1 column 631 - Erreur: required attribute "ALT" not specified
line 1 column 645 - Erreur: end tag for element "P" which is not open
line 1 column 725 - Erreur: required attribute "ALT" not specified
line 1 column 739 - Erreur: end tag for element "P" which is not open

Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.

Il n'y a pas besoin de donc ?

Il faut aussi savoir que est optionnel (sauf en XHTML)
comme </td> </tr> et qques autres balises fermantes ( </li> ...)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

Comment va t-elle passer sur un navigateur non

graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Ta page aurait aussi bien passé (moins bien avec IE.6) avec :

<html style="text-align:center">
<title>la zick à Daniel</title>
Dernière mise à jour : Dimanche 30 Mai 2010. 
<img src="index/accueil1.gif"> 
<a href="jazzimpr/tablejaz.htm">
<img src="index/accueil2.gif" alt="le jazz"></a> 
<a href="composit/tablecom.htm">
<img src="index/accueil3.gif" alt="compositions"></a> 
<a href="index/auteur.htm">
<img src="index/accueil4.gif" alt="l'auteur"></a>

Ce qui, tu le noteras, est une atroce soupe mais encore plus courte que
ton code sans aucune indentation, ni même retour à la ligne, mais
donnant le même affichage (à part avec IE ?).

D'accord.

À preuve :
<http://cjoint.com/?gdbftWCcEW>
<http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>
Soupe qui pourra néanmoins satisfaire les mal-voyants :
<http://cjoint.com/?gdboYO4nac>
<http://cjoint.com/data/gdboYO4nac_daniel.fifi.htm>

Voir ce que dit le Validator de ta page:

<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdanie
l.fifi>

L'affreuse soupe, elle, n'a que 2 erreurs / 0 avertissements
line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 12 - Erreur: there is no attribute "STYLE"
Voir :

<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.
fifi.htm>

Merci beaucoup, il me faudra un peu de temps pour digérer tout ça.

Amicalement
--
Daniel
http://pagesperso-orange.fr/daniel.fifi

Vous avez filtré cet utilisateur ! Consultez son message

SAM a écrit >

> J'ai quelques questions à poser.
> Est-ce que doctype est obligatoire en haut de page html ?

Oui, ça participe à la qualité de l'affichage.
(tout dépend de son niveau d'exigence, les navigateurs étant très
souples ... yaka voir tous ces sites compliqués et mal fagotés qui
arrivent à être chargés - je n'ai pas dit lisibles ! -)

> Je n'en ai pas et mes ennuis viennent peut-être de là.

sans nul doute (surtout avec IE - lire la prose de M$ à ce sujet)

enfin ... peut-être ... quels sont tes ennuis ?
du site en signature je n'ai vu qu'une ou 2 pages sans mise en forme.

La page d'accueil met un plus de temps à se charger, me semble-t-il, et
mediaplayer ne peut plus jouer les midifiles bien qu'il les charge. 9a ne
fonctionnait pas comme ça durant les 3 ans passés.

> en minuscule ou majuscules ?
> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> ???
> (je préfère les minuscules, c'est plus rigolo et sympa)

Le doctype est à respecter in extenso

D'accord

Doctype, La liste :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

Je vais jeter un oeil

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

C'est ce qui se trouve en tête des pubs orange.

"http://www.w3.org/TR/html4/loose.dtd">

Infos chez M$ (quirksmode, standards-compliant mode, étoussa) :
(c'est pour IE.8, mais bp de valable pour IE.6, cf dernier lien ici)
<http://technet.microsoft.com/en-us/library/cc288325(VS.85).aspx>
<http://technet.microsoft.com/en-us/library/ms535242(VS.85).aspx>
et descendre jusqu'au tableau des "Remarks"
<http://msdn.microsoft.com/en-us/library/bb250395(VS.85).aspx>

Saut rit may c'est in anglish

> --

Il faut un espace après ces 2 tirets

A quel endroit exactement?

(je pense qu'on peut arriver à l'essspliquer à OL, mais pas fastoche!)
afin de permettre à tout logiciel de mail ou news respectueux de ne pas
copier la signature dans les réponses.

> Daniel
> http://pagesperso-orange.fr/daniel.fifi

Oooops!

line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 384 - Erreur: end tag for element "P" which is not open
line 1 column 437 - Erreur: required attribute "ALT" not specified
line 1 column 447 - Erreur: end tag for element "P" which is not open
line 1 column 532 - Erreur: required attribute "ALT" not specified
line 1 column 546 - Erreur: end tag for element "P" which is not open
line 1 column 631 - Erreur: required attribute "ALT" not specified
line 1 column 645 - Erreur: end tag for element "P" which is not open
line 1 column 725 - Erreur: required attribute "ALT" not specified
line 1 column 739 - Erreur: end tag for element "P" which is not open

Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.

Il n'y a pas besoin de donc ?

Il faut aussi savoir que est optionnel (sauf en XHTML)
comme </td> </tr> et qques autres balises fermantes ( </li> ...)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

Comment va t-elle passer sur un navigateur non

graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Ta page aurait aussi bien passé (moins bien avec IE.6) avec :

<html style="text-align:center">
<title>la zick à Daniel</title>
Dernière mise à jour : Dimanche 30 Mai 2010. 
<img src="index/accueil1.gif"> 
<a href="jazzimpr/tablejaz.htm">
<img src="index/accueil2.gif" alt="le jazz"></a> 
<a href="composit/tablecom.htm">
<img src="index/accueil3.gif" alt="compositions"></a> 
<a href="index/auteur.htm">
<img src="index/accueil4.gif" alt="l'auteur"></a>

Ce qui, tu le noteras, est une atroce soupe mais encore plus courte que
ton code sans aucune indentation, ni même retour à la ligne, mais
donnant le même affichage (à part avec IE ?).

D'accord.

À preuve :
<http://cjoint.com/?gdbftWCcEW>
<http://cjoint.com/data/gdbftWCcEW_daniel.fifi.htm>
Soupe qui pourra néanmoins satisfaire les mal-voyants :
<http://cjoint.com/?gdboYO4nac>
<http://cjoint.com/data/gdboYO4nac_daniel.fifi.htm>

Voir ce que dit le Validator de ta page:

<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdanie
l.fifi>

L'affreuse soupe, elle, n'a que 2 erreurs / 0 avertissements
line 1 - Erreur: no document type declaration; implying "<!DOCTYPE HTML
SYSTEM>"
line 1 column 12 - Erreur: there is no attribute "STYLE"
Voir :

<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.
fifi.htm>

Merci beaucoup, il me faudra un peu de temps pour digérer tout ça.

Amicalement
--
Daniel
http://pagesperso-orange.fr/daniel.fifi

Sergio

04/06/2010 à 09:47

Le 03/06/2010 19:26, daniel.fischer0322 a écrit :

Olivier Miakinen a écrit :
Est-ce que doctype est obligatoire en haut de page html ?

En un mot : OUI.

En plusieurs mots : si tu as envie de passer des heures à faire
fonctionner ton site sur tous les navigateurs à la fois, passe-toi de
doctype, ou prends un doctype incomplet (sans URL) ; si tu préfères que
ça marche tout de suite presque partout, avec juste un hack de temps à
autre pour IE6, choisis l'un des doctypes complets recommandés.

Celui-là était recommandé dans html1 de compétence micro :
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN">

Pas très compétent ce "compétence micro"... Déjà, le "4.0" n'a jamais été utilisé, c'est soit 3.2, 4.01 voire 5.0... De plus il faut
indiquer l'URL de la DTD. Par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org

daniel.fischer0322

04/06/2010 à 10:43

Sergio a écrit

Pas très compétent ce "compétence micro"...

C'est vrai, mais ça m'a bien aidé.

Déjà, le "4.0" n'a jamais été utilisé, c'est soit 3.2, 4.01 voire 5.0... De

plus il faut indiquer l'URL de la DTD. Par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 >Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd>

Que dois-je mettre alors?

Dans les pubs orange on trouve

newsletter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.=w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

boutique.orange.fr
le plus souvent
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
ou alors
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w<.org/TR/1999/REC-html401-19991224/loose.dtd">
ou
rien

la TV d'orange
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ou
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.=w3.org/TR/html4/loose.dtd">

orange internet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Dans le numéro de juillet 1999 de compétence micro HTML niveau1 il est dit :
la norme actuelle est HTML 4.0 !!!

Alors?
Je n'utilise ni css ni javascript. Est-ce que
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
conviendrait?

Dans un premier temps je vais mettre tous les tags en majuscules et
supprimer les puisque <DIV> opère donc un saut de ligne.

Merci d'avance pour les réponses.

--
Daniel
http://pagesperso-orange.fr/daniel.fifi

Sergio

04/06/2010 à 10:53

Le 04/06/2010 10:43, daniel.fischer0322 a écrit :

Sergio a écrit

Pas très compétent ce "compétence micro"...

C'est vrai, mais ça m'a bien aidé.

Déjà, le "4.0" n'a jamais été utilisé, c'est soit 3.2, 4.01 voire 5.0... De

plus il faut indiquer l'URL de la DTD. Par exemple :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01>Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd>

Que dois-je mettre alors?

Ce que j'ai mis, par exemple. HTML 4.01 "transitionnal" est le plus pépère...

Dans les pubs orange on trouve

Orange, et encore moins les pubs, ne sont des références !

http://pagesperso-orange.fr/daniel.fifi
Ta page d'accueil :
Pourquoi avoir mis en image un menu qui peut très bien se faire avec du texte ? Surtout sans "alt" sur les images !

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org

SAM

04/06/2010 à 11:32

Le 6/3/10 7:39 PM, daniel.fischer0322 a écrit :

SAM a écrit >
enfin ... peut-être ... quels sont tes ennuis ?

La page d'accueil met un plus de temps à se charger, me semble-t-il, et

... ça ... on est chez Orange pages-perso ... hein ?

Outre que le site Orange lui-même est pagaille et cie,
mélangeant allègrement plein de moteurs de fabrication de pages, plein
de javascripts, et même parfois encore des pages de cadres,
je ne suis pas certain qu'ils fassent de gros efforts pour ces
pages-persos, ayant d'autres chats à fouetter, comme les blogs (arrêtés
je crois), le truc espace de dépôt (qui ne fonctionne(nnait?) pas sur
Mac), messagerie et etc... offerts aux abonnés.

Si je te donne une url de mon site pages-perso chez Orange, elle mettra
aussi un "certain" temps à venir,
le temps que le serveur s'y retrouve ?
(sur quel sous-sous-serveur et sous-sous DD ces pages peuvent bien avoir
été migrées ... depuis 1999)
mais une fois ce pb résolu (mise en route du cache serveur associé ?)
les pages suivantes arrivent plus vite, me semble t-il.

mediaplayer ne peut plus jouer les midifiles bien qu'il les charge. 9a ne
fonctionnait pas comme ça durant les 3 ans passés.

Là, je ne sais que dire ... ça me semble plus un problème Windows
(vu que sur mon Mac ça va bien)
ou même IE (ses plug-ins ? son niveau de sécurité ? ... ? ? ?)

Les 2 ou 3 midi que j'ai tentés sont super bien faits ! Bravo!
Je regrette de ne pas avoir la même chose en enregistrement au micro et
en mp3, car le midi ... on est (je suis) un peu déçu, pour l'accordéon
par exemple.

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

C'est ce qui se trouve en tête des pubs orange.

Je ne vais chez Orange que forcé et contraint (4 fois / an ?)
ce n'est pas en plus pur autopsier leurs pages (leurs urls me suffisant
à voir le bordel qui y règne).

"http://www.w3.org/TR/html4/loose.dtd">

J'espère seulement qu'ils ont bien les *deux* lignes du doctype.

--

Il faut un espace après ces 2 tirets

A quel endroit exactement?

là :
--
Damiel
blabla

http://pagesperso-orange.fr/daniel.fifi

Oooops!
Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.

Il n'y a pas besoin de donc ?

Sur cette page, ou bien tu mets que des ... 
ou bien que des <div> ... </div>

Tu peux mettre les 2 si tu veux, mais le P doit être dans le DIV
et non pas le contraire.

Je pense qu'en "transitionnal" tu dois pouvoir te passer de l'un et
l'autre. (la page-démo en lien tt en bas nous montre que oui)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

;-)

Mais si ! Mais si !

d'autant qu'ici, il suffit de compléter les <IMG ...>
avec un ALT précisant en texte de quoi il retourne.

Comment va t-elle passer sur un navigateur non
graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Non, même pas, le ALT devrait suffire.

<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdanie
l.fifi>
<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.
fifi.htm>

Merci beaucoup, il me faudra un peu de temps pour digérer tout ça.

En résumé, et pour tes pages :
- mettre le doctype (indiqué + haut)
- toujours ajouter l'attribut alt, même vide, aux images.
- mettre un meta pour le charset
(table de caractères utilisée pour écrire le fichier)
Orange ne stipulant pas cet en-tête.
- mettre un H1 en tête de chaque BODY (important pour le référencement)
- idéalement,
juste après ce H1, mettre un P avec l'introduction de la page
(remplace ou complète le meta "description")
- se contenter de paragraphes (balises P) dans le body
- essayer en fin de page de répéter le menu
(éviter de revenir à l'accueil pour le trouver)(optionnel)

Après, et si le cœur t'en dit, tu pourras tenter de la mise en forme de
tes pages via les CSS.

Ta page accueil revue :
<http://cjoint.com/data/gelwshAsow_daniel.fifi_sam.htm> (10 ko)
et sans image :
<http://cjoint.com/data/gelx1GjDr5_daniel_sam.htm> (2 ko)
(désolé ... il y a des css)(survoler les liens, pour voir)

--
sm

Le 6/3/10 7:39 PM, daniel.fischer0322 a écrit :

SAM a écrit >

enfin ... peut-être ... quels sont tes ennuis ?

La page d'accueil met un plus de temps à se charger, me semble-t-il, et

... ça ... on est chez Orange pages-perso ... hein ?

Outre que le site Orange lui-même est pagaille et cie,
mélangeant allègrement plein de moteurs de fabrication de pages, plein
de javascripts, et même parfois encore des pages de cadres,
je ne suis pas certain qu'ils fassent de gros efforts pour ces
pages-persos, ayant d'autres chats à fouetter, comme les blogs (arrêtés
je crois), le truc espace de dépôt (qui ne fonctionne(nnait?) pas sur
Mac), messagerie et etc... offerts aux abonnés.

Si je te donne une url de mon site pages-perso chez Orange, elle mettra
aussi un "certain" temps à venir,
le temps que le serveur s'y retrouve ?
(sur quel sous-sous-serveur et sous-sous DD ces pages peuvent bien avoir
été migrées ... depuis 1999)
mais une fois ce pb résolu (mise en route du cache serveur associé ?)
les pages suivantes arrivent plus vite, me semble t-il.

mediaplayer ne peut plus jouer les midifiles bien qu'il les charge. 9a ne
fonctionnait pas comme ça durant les 3 ans passés.

Là, je ne sais que dire ... ça me semble plus un problème Windows
(vu que sur mon Mac ça va bien)
ou même IE (ses plug-ins ? son niveau de sécurité ? ... ? ? ?)

Les 2 ou 3 midi que j'ai tentés sont super bien faits ! Bravo!
Je regrette de ne pas avoir la même chose en enregistrement au micro et
en mp3, car le midi ... on est (je suis) un peu déçu, pour l'accordéon
par exemple.

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

C'est ce qui se trouve en tête des pubs orange.

Je ne vais chez Orange que forcé et contraint (4 fois / an ?)
ce n'est pas en plus pur autopsier leurs pages (leurs urls me suffisant
à voir le bordel qui y règne).

"http://www.w3.org/TR/html4/loose.dtd">

J'espère seulement qu'ils ont bien les *deux* lignes du doctype.

--

Il faut un espace après ces 2 tirets

A quel endroit exactement?

là :
--
Damiel
blabla

http://pagesperso-orange.fr/daniel.fifi

Oooops!
Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.

Il n'y a pas besoin de donc ?

Sur cette page, ou bien tu mets que des ... 
ou bien que des <div> ... </div>

Tu peux mettre les 2 si tu veux, mais le P doit être dans le DIV
et non pas le contraire.

Je pense qu'en "transitionnal" tu dois pouvoir te passer de l'un et
l'autre. (la page-démo en lien tt en bas nous montre que oui)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

;-)

Mais si ! Mais si !

d'autant qu'ici, il suffit de compléter les <IMG ...>
avec un ALT précisant en texte de quoi il retourne.

Comment va t-elle passer sur un navigateur non

graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Non, même pas, le ALT devrait suffire.

<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdanie
l.fifi>
<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.
fifi.htm>

Merci beaucoup, il me faudra un peu de temps pour digérer tout ça.

En résumé, et pour tes pages :
- mettre le doctype (indiqué + haut)
- toujours ajouter l'attribut alt, même vide, aux images.
- mettre un meta pour le charset
(table de caractères utilisée pour écrire le fichier)
Orange ne stipulant pas cet en-tête.
- mettre un H1 en tête de chaque BODY (important pour le référencement)
- idéalement,
juste après ce H1, mettre un P avec l'introduction de la page
(remplace ou complète le meta "description")
- se contenter de paragraphes (balises P) dans le body
- essayer en fin de page de répéter le menu
(éviter de revenir à l'accueil pour le trouver)(optionnel)

Après, et si le cœur t'en dit, tu pourras tenter de la mise en forme de
tes pages via les CSS.

Ta page accueil revue :
<http://cjoint.com/data/gelwshAsow_daniel.fifi_sam.htm> (10 ko)
et sans image :
<http://cjoint.com/data/gelx1GjDr5_daniel_sam.htm> (2 ko)
(désolé ... il y a des css)(survoler les liens, pour voir)

--
sm

Vous avez filtré cet utilisateur ! Consultez son message

Le 6/3/10 7:39 PM, daniel.fischer0322 a écrit :

SAM a écrit >
enfin ... peut-être ... quels sont tes ennuis ?

La page d'accueil met un plus de temps à se charger, me semble-t-il, et

... ça ... on est chez Orange pages-perso ... hein ?

Outre que le site Orange lui-même est pagaille et cie,
mélangeant allègrement plein de moteurs de fabrication de pages, plein
de javascripts, et même parfois encore des pages de cadres,
je ne suis pas certain qu'ils fassent de gros efforts pour ces
pages-persos, ayant d'autres chats à fouetter, comme les blogs (arrêtés
je crois), le truc espace de dépôt (qui ne fonctionne(nnait?) pas sur
Mac), messagerie et etc... offerts aux abonnés.

Si je te donne une url de mon site pages-perso chez Orange, elle mettra
aussi un "certain" temps à venir,
le temps que le serveur s'y retrouve ?
(sur quel sous-sous-serveur et sous-sous DD ces pages peuvent bien avoir
été migrées ... depuis 1999)
mais une fois ce pb résolu (mise en route du cache serveur associé ?)
les pages suivantes arrivent plus vite, me semble t-il.

mediaplayer ne peut plus jouer les midifiles bien qu'il les charge. 9a ne
fonctionnait pas comme ça durant les 3 ans passés.

Là, je ne sais que dire ... ça me semble plus un problème Windows
(vu que sur mon Mac ça va bien)
ou même IE (ses plug-ins ? son niveau de sécurité ? ... ? ? ?)

Les 2 ou 3 midi que j'ai tentés sont super bien faits ! Bravo!
Je regrette de ne pas avoir la même chose en enregistrement au micro et
en mp3, car le midi ... on est (je suis) un peu déçu, pour l'accordéon
par exemple.

donc, si on n'est pas très sûr de la qualité de son html, utiliser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

C'est ce qui se trouve en tête des pubs orange.

Je ne vais chez Orange que forcé et contraint (4 fois / an ?)
ce n'est pas en plus pur autopsier leurs pages (leurs urls me suffisant
à voir le bordel qui y règne).

"http://www.w3.org/TR/html4/loose.dtd">

J'espère seulement qu'ils ont bien les *deux* lignes du doctype.

--

Il faut un espace après ces 2 tirets

A quel endroit exactement?

là :
--
Damiel
blabla

http://pagesperso-orange.fr/daniel.fifi

Oooops!
Non seulement le doctype est absent mais en plus le html est n'importe
quoi : on ne peut mettre un DIV dans un paragraphe (dans un P), c'est
pourquoi le vérificateur s'interroge sur toutes ces balises fermantes de
paragraphe.

Il n'y a pas besoin de donc ?

Sur cette page, ou bien tu mets que des ... 
ou bien que des <div> ... </div>

Tu peux mettre les 2 si tu veux, mais le P doit être dans le DIV
et non pas le contraire.

Je pense qu'en "transitionnal" tu dois pouvoir te passer de l'un et
l'autre. (la page-démo en lien tt en bas nous montre que oui)

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

;-)

Mais si ! Mais si !

d'autant qu'ici, il suffit de compléter les <IMG ...>
avec un ALT précisant en texte de quoi il retourne.

Comment va t-elle passer sur un navigateur non
graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Non, même pas, le ALT devrait suffire.

<http://validator.w3.org/check?uri=http%3A%2F%2Fpagesperso-orange.fr%2Fdanie
l.fifi>
<http://validator.w3.org/check?uri=http://cjoint.com/data/gdbftWCcEW_daniel.
fifi.htm>

Merci beaucoup, il me faudra un peu de temps pour digérer tout ça.

En résumé, et pour tes pages :
- mettre le doctype (indiqué + haut)
- toujours ajouter l'attribut alt, même vide, aux images.
- mettre un meta pour le charset
(table de caractères utilisée pour écrire le fichier)
Orange ne stipulant pas cet en-tête.
- mettre un H1 en tête de chaque BODY (important pour le référencement)
- idéalement,
juste après ce H1, mettre un P avec l'introduction de la page
(remplace ou complète le meta "description")
- se contenter de paragraphes (balises P) dans le body
- essayer en fin de page de répéter le menu
(éviter de revenir à l'accueil pour le trouver)(optionnel)

Après, et si le cœur t'en dit, tu pourras tenter de la mise en forme de
tes pages via les CSS.

Ta page accueil revue :
<http://cjoint.com/data/gelwshAsow_daniel.fifi_sam.htm> (10 ko)
et sans image :
<http://cjoint.com/data/gelx1GjDr5_daniel_sam.htm> (2 ko)
(désolé ... il y a des css)(survoler les liens, pour voir)

--
sm

Olivier Miakinen

04/06/2010 à 11:42

Le 04/06/2010 10:43, daniel.fischer0322 a écrit :

Que dois-je mettre alors?

L'un des doctypes recommandés sur les pages founies par SAM et moi, par
exemple celui cité par SAM et repris par Sergio.

Puisqu'il faut détailler, voici. Puisque tu ne fais que du HTML sans
génération automatique, tu prendras l'un des trois doctypes complets de
HTML 4.01, et je vais préciser plus loin lequel choisir entre les trois.

<cit. http://www.w3.org/QA/2002/04/valid-dtd-list.html>
HTML 4.01

Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
</cit.>

L'idéal, c'est le 4.01 Strict. Si ton site obtient 0 erreur sur
<http://validator.w3.org/> avec le doctype 4.01 Strict, c'est gagné.

Si tu n'y arrives pas tout de suite pour un site un peu vieux, avec
utilisation de balises dépréciées, tu peux commencer par tenter le 4.01
Transitional. Obtenir une validation à 0 erreur en Transitional est déjà
un bon point de départ, à partir duquel tu pourras le modifier pour
arriver jusqu'au 4.01 Strict.

Enfin, si ton site utilise des cadres ou frames (beurk), alors la page
de cadres doit être en 4.01 Frameset.

Dans les pubs orange on trouve

newsletter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.=w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Certains peuvent avoir besoin de XHTML à cause d'une génération
automatique avec un outil XML, mais cela pose encore des problèmes :
soit il est déclaré en HTTP comme du vrai XHTML et Internet Explorer 6
ne saura pas l'afficher, soit il est déclaré comme du HTML, et du coup
les navigateurs l'interprètent comme une soupe de balises. Oublie ça
pour le moment.

boutique.orange.fr
le plus souvent
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Mauvais : 4.0, et pas d'URL.

ou alors
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w<.org/TR/1999/REC-html401-19991224/loose.dtd">

Mauvais aussi : l'URL est soit d'une version non standard, soit
complètement incorrecte (je ne prends pas la peine de vérifier laquelle
des hypothèses est la bonne, de toute façon ce n'est pas un bon
doctype). Si le signe « = » fait partie de l'URL, alors c'est forcément
incorrect (mais je pense que c'est une erreur de copier-coller).

ou
rien

Pas mieux.

la TV d'orange
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Mauvais : 4.01, mais pas d'URL.

ou
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.=w3.org/TR/html4/loose.dtd">

Au « = » près qui doit être une erreur de copier-coller, la seule
différence par rapport au doctype 4.01 Transitional recommandé est le
« html » en minuscules. Je pense que ça doit fonctionner dans tous les
navigateurs même si je recommanderais de ne pas changer la casse :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Maintenant, il faudrait vérifier si la page est valide... et bien sûr,
ce serait mieux si elle pouvait être en 4.01 Strict, mais pour d'autres
raisons que la compatibilité avec tous les navigateurs.

orange internet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Celle-ci est parfaitement recopiée.

Dans le numéro de juillet 1999 de compétence micro HTML niveau1 il est dit :

la norme actuelle est HTML 4.0 !!!

Pas de bol, il s'en est fallu de cinq mois. La norme actuelle est 4.01
en 2010, et ce depuis le 24 décembre 1999.

Alors?
Je n'utilise ni css ni javascript. Est-ce que
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
conviendrait?

Non.

Dans un premier temps je vais mettre tous les tags en majuscules

Les balises HTML tu veux dire ? Pas besoin, elles sont insensibles à la
casse. Laisse-les donc en minuscules, comme ça tu seras prêt pour le
jour où tu auras besoin de XHTML (si cela arrive).

Cordialement,
--
Olivier Miakinen

Le 04/06/2010 10:43, daniel.fischer0322 a écrit :

Que dois-je mettre alors?

L'un des doctypes recommandés sur les pages founies par SAM et moi, par
exemple celui cité par SAM et repris par Sergio.

Puisqu'il faut détailler, voici. Puisque tu ne fais que du HTML sans
génération automatique, tu prendras l'un des trois doctypes complets de
HTML 4.01, et je vais préciser plus loin lequel choisir entre les trois.

<cit. http://www.w3.org/QA/2002/04/valid-dtd-list.html>
HTML 4.01

Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
</cit.>

L'idéal, c'est le 4.01 Strict. Si ton site obtient 0 erreur sur
<http://validator.w3.org/> avec le doctype 4.01 Strict, c'est gagné.

Si tu n'y arrives pas tout de suite pour un site un peu vieux, avec
utilisation de balises dépréciées, tu peux commencer par tenter le 4.01
Transitional. Obtenir une validation à 0 erreur en Transitional est déjà
un bon point de départ, à partir duquel tu pourras le modifier pour
arriver jusqu'au 4.01 Strict.

Enfin, si ton site utilise des cadres ou frames (beurk), alors la page
de cadres doit être en 4.01 Frameset.

Dans les pubs orange on trouve

newsletter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.=w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Certains peuvent avoir besoin de XHTML à cause d'une génération
automatique avec un outil XML, mais cela pose encore des problèmes :
soit il est déclaré en HTTP comme du vrai XHTML et Internet Explorer 6
ne saura pas l'afficher, soit il est déclaré comme du HTML, et du coup
les navigateurs l'interprètent comme une soupe de balises. Oublie ça
pour le moment.

boutique.orange.fr
le plus souvent
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Mauvais : 4.0, et pas d'URL.

ou alors
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w<.org/TR/1999/REC-html401-19991224/loose.dtd">

Mauvais aussi : l'URL est soit d'une version non standard, soit
complètement incorrecte (je ne prends pas la peine de vérifier laquelle
des hypothèses est la bonne, de toute façon ce n'est pas un bon
doctype). Si le signe « = » fait partie de l'URL, alors c'est forcément
incorrect (mais je pense que c'est une erreur de copier-coller).

ou
rien

Pas mieux.

la TV d'orange
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Mauvais : 4.01, mais pas d'URL.

ou
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.=w3.org/TR/html4/loose.dtd">

Au « = » près qui doit être une erreur de copier-coller, la seule
différence par rapport au doctype 4.01 Transitional recommandé est le
« html » en minuscules. Je pense que ça doit fonctionner dans tous les
navigateurs même si je recommanderais de ne pas changer la casse :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Maintenant, il faudrait vérifier si la page est valide... et bien sûr,
ce serait mieux si elle pouvait être en 4.01 Strict, mais pour d'autres
raisons que la compatibilité avec tous les navigateurs.

orange internet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Celle-ci est parfaitement recopiée.

Dans le numéro de juillet 1999 de compétence micro HTML niveau1 il est dit :

la norme actuelle est HTML 4.0 !!!

Pas de bol, il s'en est fallu de cinq mois. La norme actuelle est 4.01
en 2010, et ce depuis le 24 décembre 1999.

Alors?
Je n'utilise ni css ni javascript. Est-ce que
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
conviendrait?

Non.

Dans un premier temps je vais mettre tous les tags en majuscules

Les balises HTML tu veux dire ? Pas besoin, elles sont insensibles à la
casse. Laisse-les donc en minuscules, comme ça tu seras prêt pour le
jour où tu auras besoin de XHTML (si cela arrive).

Cordialement,
--
Olivier Miakinen

Vous avez filtré cet utilisateur ! Consultez son message

Le 04/06/2010 10:43, daniel.fischer0322 a écrit :

Que dois-je mettre alors?

L'un des doctypes recommandés sur les pages founies par SAM et moi, par
exemple celui cité par SAM et repris par Sergio.

Puisqu'il faut détailler, voici. Puisque tu ne fais que du HTML sans
génération automatique, tu prendras l'un des trois doctypes complets de
HTML 4.01, et je vais préciser plus loin lequel choisir entre les trois.

<cit. http://www.w3.org/QA/2002/04/valid-dtd-list.html>
HTML 4.01

Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
</cit.>

L'idéal, c'est le 4.01 Strict. Si ton site obtient 0 erreur sur
<http://validator.w3.org/> avec le doctype 4.01 Strict, c'est gagné.

Si tu n'y arrives pas tout de suite pour un site un peu vieux, avec
utilisation de balises dépréciées, tu peux commencer par tenter le 4.01
Transitional. Obtenir une validation à 0 erreur en Transitional est déjà
un bon point de départ, à partir duquel tu pourras le modifier pour
arriver jusqu'au 4.01 Strict.

Enfin, si ton site utilise des cadres ou frames (beurk), alors la page
de cadres doit être en 4.01 Frameset.

Dans les pubs orange on trouve

newsletter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.=w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Certains peuvent avoir besoin de XHTML à cause d'une génération
automatique avec un outil XML, mais cela pose encore des problèmes :
soit il est déclaré en HTTP comme du vrai XHTML et Internet Explorer 6
ne saura pas l'afficher, soit il est déclaré comme du HTML, et du coup
les navigateurs l'interprètent comme une soupe de balises. Oublie ça
pour le moment.

boutique.orange.fr
le plus souvent
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Mauvais : 4.0, et pas d'URL.

ou alors
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w<.org/TR/1999/REC-html401-19991224/loose.dtd">

Mauvais aussi : l'URL est soit d'une version non standard, soit
complètement incorrecte (je ne prends pas la peine de vérifier laquelle
des hypothèses est la bonne, de toute façon ce n'est pas un bon
doctype). Si le signe « = » fait partie de l'URL, alors c'est forcément
incorrect (mais je pense que c'est une erreur de copier-coller).

ou
rien

Pas mieux.

la TV d'orange
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Mauvais : 4.01, mais pas d'URL.

ou
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.=w3.org/TR/html4/loose.dtd">

Au « = » près qui doit être une erreur de copier-coller, la seule
différence par rapport au doctype 4.01 Transitional recommandé est le
« html » en minuscules. Je pense que ça doit fonctionner dans tous les
navigateurs même si je recommanderais de ne pas changer la casse :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Maintenant, il faudrait vérifier si la page est valide... et bien sûr,
ce serait mieux si elle pouvait être en 4.01 Strict, mais pour d'autres
raisons que la compatibilité avec tous les navigateurs.

orange internet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Celle-ci est parfaitement recopiée.

Dans le numéro de juillet 1999 de compétence micro HTML niveau1 il est dit :

la norme actuelle est HTML 4.0 !!!

Pas de bol, il s'en est fallu de cinq mois. La norme actuelle est 4.01
en 2010, et ce depuis le 24 décembre 1999.

Alors?
Je n'utilise ni css ni javascript. Est-ce que
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
conviendrait?

Non.

Dans un premier temps je vais mettre tous les tags en majuscules

Les balises HTML tu veux dire ? Pas besoin, elles sont insensibles à la
casse. Laisse-les donc en minuscules, comme ça tu seras prêt pour le
jour où tu auras besoin de XHTML (si cela arrive).

Cordialement,
--
Olivier Miakinen

Olivier Miakinen

04/06/2010 à 11:57

Le 04/06/2010 11:32, SAM répondait à Daniel Fischer 322 :

De plus, comment penses-tu que les mal voyants vont se dépatouiller
d'une telle page ?

Je n'y ai pas pensé, mais je ne peux pas tout faire aussi.

;-)

Mais si ! Mais si !

d'autant qu'ici, il suffit de compléter les <IMG ...>
avec un ALT précisant en texte de quoi il retourne.

Comment va t-elle passer sur un navigateur non
graphique (ou dont on aura désactivé les images).

C'est vrai, je vais ajouter un lien texte.

Non, même pas, le ALT devrait suffire.

Oui, et on peut rajouter un attribut title vide afin d'éviter aux
utilisateurs d'IE6 une info-bulle qui se contente de reprendre mot pour
mot le contenu de l'image.

(Je suis grosso modo d'accord avec tout le reste.)

[...]

Ta page accueil revue :
<http://cjoint.com/data/gelwshAsow_daniel.fifi_sam.htm> (10 ko)
et sans image :
<http://cjoint.com/data/gelx1GjDr5_daniel_sam.htm> (2 ko)
(désolé ... il y a des css)(survoler les liens, pour voir)

Y a pas photo ! ;-)

doctype ?

10 réponses

Veuillez sélectionner un problème