[HTML / XHTML] Premiers pas avec le balisage

Temps d'écriture : 2012-06-14 22:18:31

Premiers pas avec le balisage

J'utilise le balisage au format XHTML 1.0 scrict
XHTML 1.0 est compatible avec HTML 4.01, mais ne nécessite que des lettres minuscules et nécessite une syntaxe plus stricte, telle que la balise doit être fermée.
Parce qu'il utilise une syntaxe stricte, cela ne signifie pas qu'il est rapide ou qu'il peut mieux adhérer aux normes Web. C'est parce que le programme qui utilise le compilateur depuis longtemps préfère avoir un standard clair plutôt que quelque chose de maladroit. Mais dans le cas de scrtict, c'est un peu différent. La raison de l'utilisation de scrtict est que XHTML est utilisé dans le code html car il a un format plus clair que HTML et les éléments inutiles tels que les éléments css sont exclus et ne sont pas pertinents pour les normes Web.

XHTML ne peut pas utiliser de lettres minuscules dans les noms de balises.

C'est le balisage de base de html et html5 que j'utilise principalement lorsque je fais du balisage.
Il a passé le [contrôle de validité grammaticale] (http://validator.w3.org/) fourni par le W3C, et il y a encore des lacunes, mais sera renforcé petit à petit

Le code ci-dessous est le balisage utilisé s'il ne s'agit pas de html5.
J'utilise la DTD stricte au format de document xhtml, et il existe un bon lien vers xhml.
[La différence entre XHTML et HTML] (http://blog.wystan.net/2007/05/24/xhtml-vs-html)
strict est une DTD qui est utilisée lors du balisage d'une norme plus stricte, et il existe également un bon lien vers cette partie.
[Comparaison des normes HTML transitionnelles et strictes] (http://blog.wystan.net/2007/07/31/transitional-vs-strict-dtd)

Balisage HTML de base

<!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">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>HTML sample</title>  
</head>  
  
<body>  
<p>  
<a href="http://validator.w3.org/check?uri=referer"><img  
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>  
</p>  
</body>  
  
</html>

Le premier DOCTYPE est la partie qui indique au vérificateur de grammaire html et au navigateur comment le document a été balisé.
Étant donné que les documents html peuvent être écrits de diverses manières, telles que html ou xhtml ou stricte ou transitionnelle, vous devez indiquer avec précision le type pour qu'il fonctionne comme prévu.

Balisage de base HTML5

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
<meta charset="utf-8">  
<title>HTML5 sample</title>  
</head>  
<body>  
<ul>  
<li>  
<a href="main.php?menu=1">item1</a>  
</li>  
  
<li>  
<a href="main.php?menu=2">item2</a>  
</li>  
</ul>  
</body>

Si vous vérifiez le document écrit dans [W3C Markup Validation Service] (http://validator.w3.org/), vous verrez Wanning commençant par «HTML5 Conformance Checker», qui est un avertissement que HTML5 n'est pas compatible avec tous les navigateurs .

Prochain article
Autres articles dans la catégorie
Récemment écrit