Contenu | Rechercher | Menus

Annonce

Si vous rencontrez des soucis à rester connecté sur le forum (ou si vous avez perdu votre mot de passe) déconnectez-vous et reconnectez-vous depuis cette page, en cochant la case "Me connecter automatiquement lors de mes prochaines visites".
Test de l'ISO d'Ubuntu francophone : nous avons besoin de testeurs pour la version francophone d'Ubuntu 14.04. Liens et informations ici.

#1 Le 23/03/2006, à 19:10

Yoshiball

XHTML....les normes

Bonjour, je souhaiterais réaliser un petit site à moi, mais j'aimerais que l'affichage soit parfait sous linux, sous windows, avec firefox et internet explorer.

Je me suis dis que le mieux pour réaliser un bon site au niveau du code, était de faire les tests de validation sur le site W3C, par ailleurs il y a certaines choses que je ne comprends pas vraiment :

- quand je fais le test il me dit que toutes les balises doivent être fermées, <br></br>, <img></img>, est-ce vraiment utile pour ce genre de balise? je ne le fais jamais habituellement hmm

- ensuite j'ai vu qu'il fallait renseigner le DOCTYPE, je ne sais pas vraiment à quoi cela correspond, mais j'ai vu qu'il y avait pour le xhtml Strict et Transitional, c'est quoi la différence?

- également j'ai vu qu'il y avait xhtml 1.0 et xhtml 1.1, je ne sais pas à quoi cela correspond

- et enfin j'aurais voulu avoir quelques renseignement sur l'encodage, j'ai vu qu'il y avait utf8 et iso-... (je sais plus combien), je voulais savoir la différence, lequel était le mieux, et surtout comment coder en utf8 ou en iso-...

Je développe sous ubuntu, en utilisant vi pour info, donc si vous pouviez m'indiquer comment faire un bon site au niveau des normes (encodage, balise, etc...)

D'avance merci.


VIM un éditeur pour la VIe : http://www.vim.org
Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com
Mon espace perso : http://ngressier.developpez.com

Hors ligne

#2 Le 23/03/2006, à 19:18

Aelor

Re : XHTML....les normes

http://www.openweb.eu.org, http://css.alsacreations.com.

Avec ces deux sites, tu devrais apprendre pas mal de choses.

En gros, avec xhtml, tu dois respecter la syntaxe XML. Donc plus de balises pas fermées.

utf8 ou iso, ca se passe avec ton éditeur de texte. Sous win, bien sur, quasiment rien ne gère l'utf8.

Je te conseille de bosser en utf8 sous ubuntu, gvim par exemple crée par défaut des fichiers dans ce format il me semble, et l'utf8 gère quasiment toutes les langues, si ce n'est toutes, au niveau des caractères. Alors que sans utf8, salut le changement d'encodage si tu veux mettre des caractères grecs, arabes, japonais, et ainsi de suite.

Bref, utf8, c'est l'avenir, et en plus ubuntu est en utf8.

Attention ! Il ne suffit pas de dire dans ton fichier xhtml que ton encodage est en utf8 pour qu'il soit en utf8, donc encore une fois, vérifie bien dans ton éditeur que tu es en utf8 smile

Dernière modification par Aelor (Le 23/03/2006, à 19:19)


Ex Roane.

Ruby, le langage qui tue : http://rubyfr.org

Hors ligne

#3 Le 23/03/2006, à 19:28

Yoshiball

Re : XHTML....les normes

Comme éditeur j'utilise vi sous ubuntu, c'est bon c'est en utf-8? comment je peux le savoir?


VIM un éditeur pour la VIe : http://www.vim.org
Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com
Mon espace perso : http://ngressier.developpez.com

Hors ligne

#4 Le 23/03/2006, à 21:05

mesmento

Re : XHTML....les normes

Attention, si je ne me trompe pas fermer les balises du type <br> ou <Img>,

ce n'est pas : <br></br> et <img></img>

mais : <br /> et <img />

Sous vim pour passer en utf-8 :

set encoding=utf-8

Mais normalement tu es d\u00e9j\u00e0 dans ce cas sous Ubuntu
Pour convertir l'encodage des fichiers : iconv

Hors ligne

#5 Le 23/03/2006, à 21:13

mathesis

Re : XHTML....les normes

Les deux méthodes de fermeture sont équivalentes.
Il FAUT le faire car le xhtml est un dérivé du xml qui impose une imbrication correcte des balises et la fermeture de celles-ci.

Si tu ne le faisais pas auparavant c'est que tu ne faisait pas du xhtml mais du html.

Le DOCTYPE donne l'URI (I pas L) vers la DTD (sorte de feuille de style héritée du sgml) du W3C qui correspond à ce que tu veux faire (xhtml là). Il faut le mettre en fonction de ce que tu fais (cherches une page en xhtml et tu recopies, certains logiciels le mettent à la création d'un nouveau fichier aussi).
Remarque : une DTD est moins puissante qu'une feuille xsl en xml.

EDIT : si tu as firefox tu fais ctrl+U pour voir le code source de la présente page, tu verras ce que c'est que le DOCTYPE

Le site de mon vénéré prof de TIC pour le xml : http://tic01.tic.ec-lyon.fr/xslt/~muller/cours/xml.xml
Tout est en xml, tu peux te générer à la volée un cours en .pdf (voir tout en bas) qui a une toute autre feuille de style (c'est assez classe, le bleu/violet c'est pour les transparents). Il faut patienter pour la génération et ouvrir le lien créé pour l'occasion. Une fois le pdf généré il faut l'enregistrer si tu veux le garder, le lien est à usage unique.

Les mêmes pour le  :
- web côté serveur (PHP) http://tic01.tic.ec-lyon.fr/xslt/~muller/cours/wcs.xml
- web côté client (HMTL / CSS / Javascript) : http://tic01.tic.ec-lyon.fr/xslt/~muller/cours/wcc.xml

Dernière modification par mathesis (Le 23/03/2006, à 21:24)

Hors ligne

#6 Le 23/03/2006, à 22:31

Aelor

Re : XHTML....les normes

<br><br /> et <img src="http://machin"></img> sont des combinaisons de balises valides.

A préciser : Pour le xhtml il ne faut PAS mettre l'extension .xhtml, j'ai vu l'erreur un nombre incalculable de fois. C'est la SYNTAXE qui prend la rigueur xhtml, ca reste cependant de bêtes fichiers .html ou .htm.

Remarque, en configurant apache correctement l'extension pourrait fonctionner, mais ca sert pas a grand chose tongue


Ex Roane.

Ruby, le langage qui tue : http://rubyfr.org

Hors ligne

#7 Le 23/03/2006, à 23:08

Yoshiball

Re : XHTML....les normes

Merci à vous pour toutes ces précisions, je vais continuer mon petit chemin dans le xhtml, mais mon but est clair, il faut que mon site soit valide au niveau code, donc si il y a quelque chose qui n'est pas valide et que je ne comprends pas alors je posterais ici, je compte sur vous hein big_smile


VIM un éditeur pour la VIe : http://www.vim.org
Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com
Mon espace perso : http://ngressier.developpez.com

Hors ligne

#8 Le 23/03/2006, à 23:24

Aelor

Re : XHTML....les normes

ok wink


Ex Roane.

Ruby, le langage qui tue : http://rubyfr.org

Hors ligne

#9 Le 24/03/2006, à 00:57

Yoshiball

Re : XHTML....les normes

Alors pour l'instant mon xhtml est bien valide, mais j'ai un ptit souci pour mon css

    * Ligne : 5 (Level : 2) Redéfinition de la propriété margin-top : body
    * Ligne : 27 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #menu_haut
    * Ligne : 39 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .lien_menu_haut:link
    * Ligne : 44 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .lien_menu_haut:visited
    * Ligne : 49 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .lien_menu_haut:hover
    * Ligne : 64 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .lien_menu:link
    * Ligne : 69 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .lien_menu:visited
    * Ligne : 74 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .lien_menu:hover
    * Ligne : 82 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .element1_menu
    * Ligne : 102 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .element2_menu
    * Ligne : 124 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .element3_menu
    * Ligne : 133 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .element3_menu a:link
    * Ligne : 138 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .element3_menu a:visited
    * Ligne : 143 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .element3_menu a:hover
    * Ligne : 157 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : .element4_menu
    * Ligne : 166 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .element4_menu a:link
    * Ligne : 171 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .element4_menu a:visited
    * Ligne : 176 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .element4_menu a:hover
    * Ligne : 193 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #corps
    * Ligne : 218 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #lien_hebergeur:link
    * Ligne : 223 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #lien_hebergeur:visited
    * Ligne : 228 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : #lien_hebergeur:hover

Donc pour la première ligne il rale parce que je défini une marge, je comprends pas ce qu'il ne lui plait pas, et pour le reste bas dès que je met "color" il veut à tout prix que je mette un background-color sad mais moi je veux pas, comment faire? et pourquoi?

Merci big_smile

[ PS : ce sont des warnings pas des erreurs, mais bon je veux comprendre moi roll ]

Dernière modification par Yoshiball (Le 24/03/2006, à 00:59)


VIM un éditeur pour la VIe : http://www.vim.org
Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com
Mon espace perso : http://ngressier.developpez.com

Hors ligne

#10 Le 24/03/2006, à 01:32

fxdarkplayer

Re : XHTML....les normes

hum hum , si je peux me permettre c'est du CSS est pas du xHTML la,

mais la franchement, t'embête pas c'est juste des notification .
sa n'a pas grand importance, moi même qui suis assez a cheval sur les standard ne corrige pas les warnings


fxdarkplayer --> ixeft

Hors ligne

#11 Le 24/03/2006, à 01:38

Yoshiball

Re : XHTML....les normes

fxdarkplayer a écrit :

hum hum , si je peux me permettre c'est du CSS est pas du xHTML la,

J'ai pas dit que c'était du xhtml, j'ai dit que mon fichier html (xhtml) était bien valide, mais par contre mon fichier css me donne quelques problèmes et donc j'ai posté les quelques erreurs (warnings) ensuite.

Je sais bien que ce n'est pas très important, mais je suis tellement maniaque que même les warnings j'aime pas tongue mais bon si y a pas de solution je les laisserais, je suis pas un dingue non plus lol

Dernière modification par Yoshiball (Le 24/03/2006, à 01:39)


VIM un éditeur pour la VIe : http://www.vim.org
Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com
Mon espace perso : http://ngressier.developpez.com

Hors ligne

#12 Le 24/03/2006, à 06:39

AlexandreP

Re : XHTML....les normes

Attention: faire une interface avec un code valide selon les normes du W3C n'est pas suffisant.  Il est tout à fait possible, par exemple, de faire tout un site dont le design est géré par plein de tableaux imbriqués, des images lourdingues et du Flash inutile à tout-va, le tout valide d'après le vérificateur de code du W3C.  C'est assurément là la limite de ce validateur.


«La capacité d'apprendre est un don; La faculté d'apprendre est un talent; La volonté d'apprendre est un choix.» -Frank Herbert
93,8% des gens sont capables d'inventer des statistiques sans fournir d'études à l'appui.

Hors ligne

#13 Le 24/03/2006, à 09:17

Aelor

Re : XHTML....les normes

Oui il faut que tu apprennes ce qu'est la sémantique.

En gros, cela revient à n'utiliser une balise de titre de niveau 1 (<h1>) pour sons sens (titre de premier niveau) et pas pour son aspect rendu dans le navigateur (qui peut changer suivant l'os, la css, etc ...).

Sur openweb on en parle très bien smile


Ex Roane.

Ruby, le langage qui tue : http://rubyfr.org

Hors ligne

#14 Le 24/03/2006, à 09:43

gnome06

Re : XHTML....les normes

Bon
- openweb : c'est bon on en a parlé
- Alsacréation : également

Il manque quand même  :
- Pompage : http://www.pompage.net/articles d'excellents articles pour bien débuter
- Opaquest : http://www.opquast.com/ une trés bonne iniative pour aider les développeurs web à créer un site conforme et accéssible tout en apprenant plein chose. Tout ce qu'il faut pour mettre en place une bonne démarche qualité

Dernière modification par gnome06 (Le 24/03/2006, à 09:43)


gnome06

Besoin d'un compte gMail ?
Il me reste 50 invitations, contactez-moi !

Hors ligne

#15 Le 24/03/2006, à 09:55

bergi

Re : XHTML....les normes

mais j'aimerais que l'affichage soit parfait sous linux, sous windows, avec firefox et internet explorer.

Je me suis dis que le mieux pour réaliser un bon site au niveau du code, était de faire les tests de validation sur le site W3C,

Helas, ce n'est pas parce que ton code est valide que l'affichage serat le même sur tous les navigateurs.

Hors ligne

#16 Le 24/03/2006, à 12:30

gnome06

Re : XHTML....les normes

Oui code valide n'entraine pas forcement affiche identique sous tous les navigateurs ...

... mais ca peut aider grandement !


gnome06

Besoin d'un compte gMail ?
Il me reste 50 invitations, contactez-moi !

Hors ligne

#17 Le 28/03/2006, à 01:20

Yoshiball

Re : XHTML....les normes

Bas pour l'instant mon site est valide xhtml 1.0, l'affichage entre firefox sous win et sous  ubuntu diffère très peu (caractères etc...) mais par contre sous IE y a des gros soucis roll


VIM un éditeur pour la VIe : http://www.vim.org
Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com
Mon espace perso : http://ngressier.developpez.com

Hors ligne

Haut de page ↑