theprogrammeur-Le XHTML-Le codage en XHTML

Le codage en XHTML

Avant de créer votre document XHTML (ou de modifier votre fichier HTML), il y a une chose très importante à savoir:

En XHTML, TOUTE balise ouverte doit être fermée, même les balises uniques.

Eh oui, toute les balises ouvertes doivent être fermées. C'est fini d'oublier de fermer <li>.

Chaque balise devant être fermée, on va donc fermer aussi <br>,<img.....>...
Les balises uniques se ferment comme ceci:
<balise />. L'ouverture et la fermeture se font dans une même balise. Comme vous l'avez sûrement remarqué, il y a un espace avant la fermeture (/) pour assurer la compatibilité avec les anciens browsers.

: même les balises META ainsi que les balises d'insertion de feuilles de style dans la page sont fermées.
Le XHTML est case sensitive. Toutes les balises seront donc écrites en minuscules!
<HTML>--> FAUX <Html>--> FAUX <html>--> JUSTE
Les raccourcis sont interdits.
<option selected>-->FAUX <option selected="selected">--> JUSTE
Les attibuts sont toujours écrits entre guillemets.
Ex:en HTML on pouvait écrire <img src="image.jpg" width=120 height=80> et XHTML, on devra écrire: <img src="image.jpg" width="120" height="80" />
Les balises d'images doivent comporter l'attribut alt="..." pour le texte alternatif. La balise d'image devient donc ceci:
<img src="image.jpg" alt="Image introuvable" width="120" height="80" />
Pour ne pas que, lorsque l'on passe la souris sur l'image, la valeur de alt s'affiche dans un cadre jaune qui suit la souris, vous pouvez ajouter l'attribut title="titre de l'image". title a la priorité sur alt et c'est donc la valeur de title qui s'affichera dans le cadre qui suit la souris.
name est remplacé par id.

HTML XHTML

<input type name="nom"> <input type id="nom">
Les feuilles de style et les scripts doivent obligatoirement être des fichiers externes.
Si vous utilisez le signe & dans vos pages, encodez-le de préférence comme un caractère spécial avec la notation &.
Il vaut mieux ajouter l'attribut summary="texte" à la balise <table>. Celle-ci devient donc:
<table summary="tableau d'exemples">

Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.0196 secondes.
Retour en haut de la page
Imprimer cette page

HTML	XHTML
<input type name="nom">	<input type id="nom">