Coder avec le DTD Strict
Maintenant que vous savez coder en XHTML avec le DTD Transitional, vous voulez sans doute utiliser le DTD Strict. Ce n'est pas difficile. Il suffit de se rappeler une chose avant de coder avec le DTD Strict:"CSS". En effet, lorsque vous utilisez le DTD Strict, vous devez impérativement mettre tous les effets tels que la couleur du texte, fond d'écran,... en feuille de style. Je vous recommande donc d'attribuer une feuille de style pour chaque fichier de votre site. Ce qui est beaucoup plus facile que de créer un gigantesque fichier contenant tous les styles.
Je ne vous conseille pas d'utiliser ce doctype si vous voulez convertir une page existante car il y aurait trop de choses à changer. Ne l'utilisez que si vous créez une nouvelle page.

: dans vos pages, vous n'aurez donc que du texte, un minimum de balises et plusieurs <p id="x">.

Et voilà, coder avec le DTD Strict est en fait très simple. Il faut juste le temps de s'habituer à mettre tous les styles dans un fichier externe.
Voici un exemple d'une page valide avec le DTD Transitional mais pas le DTD Strict.

<!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" xml:lang="fr" &gt:
<head><title>Ma page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Page de validation" />
</head><body>
<div align="center">
<img src="image.jpg" alt="image introuvable" width="120" height="180" />
<br />
Bonjour &amp; au revoir
</div>
</body>
</html>

Dans cette page, il n'y aura qu'une erreur:...div!
Pour pouvoir centrer le texte, il faudra utiliser une feuille de style. L'exemple deviendra alors:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" &gt:
<link rel="stylesheet" type="text/css" href="style.css" /&gr;
<head><title>Ma page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Page de validation" />
</head><body>
<p id="alignement">
<img src="image.jpg" alt="image introuvable" width="120" height="180" />
<br />
Bonjour &amp; au revoir
</p>
</body>
</html>

La feuille de style "style.css" sera la suivante:

#alignement{
text-align:center;
}

: comme dans l'exemple, c'est tout le contenu de la page qui est centré, on aurait pu s'abstenir de mettre le paragraphe et d'ajouter simplement la feuille de style suivante:

body{
text-align:center;
}

Maintenant, vous êtes capable de créer des pages valides avec le DTD Strict!



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