CrÃ©er un site valide en (X)HTML - HTML/CSS

Conseils pour que votre site soit valide XHTML

Tout d'abord, la première question qui vous vient à l'esprit c'est : Mais c'est quoi son histoire de site valide ?

Comme vous le savez, la plupart des sites sont codés en HTML (ou XHTML). Vous trouverez ICI un petit tutorial sur le HTML.
Vous devez également savoir qu'un langage ne se parle pas n'importe comment, il y a des règles à respecter pour se comprendre. Et bien le HTML, c'est pareil Content
Le HTML suit des règles de syntaxe et de construction bien précises que chaque webmaster doit respecter pour que son site soit lisible par tous les navigateurs (Internet Explorer, Nescape, Firefox, Opera ...)

La deuxième question que vous allez vous poser c'est : Mais c'est qui qui fixe ces "règles" ?
Sans rentrer dans les détails, c'est le World Wide Web Consortium ou W3C qui s'occupe de fixer les "règles" de synatxe du XHTML (oui on parle maintenant de XHTML et non plus de HTML celui-ci étant devenu "obsolète")

[size=10]Pour vérifier si un site est valide, il suffit de se rendre sur CETTE PAGE. Il vous suffit de taper l'adresse de votre page et d'appuyer sur "check".[/size]

Bon voilà dans le principe ...
La question importante est : Mais ça sert à quoi d'avoir un site reconnu comme valide ?
C'est ça la question la plus important !

Un site validé par le W3C sera consutable correctement, sans aucun bug avec toutes ses fonctions sur TOUS (ou presque tous) les navigateurs ! Fini les bugs en tout genre, les images qui ne s'affichent pas, les liens mals faits qui nous envoie à l'autre bout du Web ... Un site valide à beaucoup plus de chance de s'afficher sur tous les navigateurs qu'un site non valide.

Voilà, maintenant que vous connaissez tout sur la validité d'un site et son utilité, je vais vous donner quelques conseils pour qu'il soit valide avec les règles de base.

Conseils pour que votre site soit valide :

1) Tout d'abord le code de votre page doit commencer par

Code

2) Les balises et leurs attributs (size, font ...) doivent être écrits en minuscule !

3) Les balises seules (comme "br" ou "img") doivent finir par un slash : / par exemple :

Code

et <img src="votre image" alt"Image" />

(l'espace entre le slash et la fin de balise n'est pas obligatoire : ou )

4) Votre page XHTML doit posséder une balise <head></head> qui suit la balise de début donner plus haut et finir par <html>

5) Tout votre texte doit se trouver entre des balises de paragraphe : et le contenu de votre page doit être dans la balise <body></body> par exemple :

Code

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head><title>Page de test XHTML</title></head>
<body>
Voici du texte ... 
Et voici un retour à la ligne !
 Là j'ai sauté une ligne
</body></html>

6) La balise image doit obligatoirement possédait l'atribut "alt" qui permet de donner une description à une image. Par exemple :

Code

7) Toutes vos balises non seules doit être fermées. Par exemple :

Code

Correct : Texte en gras
Non correct : Texte en gras
Correct : Saut de ligne

8) Vous devez fermer vos balise dans l'ordre. Par exemple :

Code

Correct : Texte en gras et italique
Non correct : Texte en gras italique

9) Enfin, éviter les balises tels que <frame> ou <marquee>

Voilà, j'espère que ce tutorial vous aura aidé à vous orienter dans le monde du XHTML valide et des sites qui fonctionnent partout :-P

Par 1 , Le 11 Mai 2005 à 16h04
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à HTML/CSS

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

Orgnobi - Le 25 Novembre 2005 à 17h04

Faut, le strong existait deja mais etais peu utiliser. L'avantage du strong c'est qu'il est parametrable en css.

ben.popeye - Le 15 Juillet 2005 à 22h05

Je pense aussi au qui est remplacé par Clin d'oeil

K20 - Le 11 Juillet 2005 à 16h40

Exactement !
je rajoute le DOCTYPE Clin d'oeil
Il est a noté qu'on peut mettre Transitional au lieu de strict ou même XHTML 1.1

I.JONES.3000 - Le 21 Juin 2005 à 11h37

Et t'as oublié :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ben.popeye - Le 09 Juin 2005 à 18h20

A noter que les align, font, ... sont tous interdits. Et oui, il est temps de laisser place aux feuilles de style CSS, au début c'est pas très marrant, je dois l'avouer, mais après c'est vraiment pratique Clin d'oeil