Formation HTML 5 (XHTML), tutoriel & guide de travaux pratiques en pdf.
Type de balise
On va parler essentiellement de 2 types de balise XHTML tout au long des tutoriels :
- Les types bloc
- Les type en-ligne
Les balise de types bloc sont utilisées généralement pour structurer un document .Elle peuvent contenir d’autres éléments en bloc et/ou en-ligne, des données. Grosso modo, elles détiennent le rôle de conteneur.
Si un type bloc contient une phrase par exemple, un élément de type en-ligne dans le bloc peut par exemple être un mot. C’est pour cela qu’on utilise le plus souvent les éléments en-ligne ou inline pour donner une sémantique spécifique à quelques mots d’une phrase.
Un élément en-ligne peut être contenu dans un type bloc, mais l’inverse n’est pas valable. En effet, une balise de type en-ligne ne doit jamais contenir un élément en bloc. Syntaxes de base
La grammaire du XHTML répond à certaines règles :
Bonne imbrication des balises
- Les balises doivent être correctement imbriquées les unes dans les autres en respectant leur hiérarchie.
Autrement dit, il ne faut jamais faire comme ceci :
Code XHTML :
<body><h1></body></h1>
Minuscules
- Les noms et les attributs des balises doivent s’écrire tout en minuscules.
Code XHTML :
<p>Ceci est correct</p> <P>Ceci ne l’est pas</P>
Fermeture des balises
- Les balises ont soit des balises fermantes comme la balise <body></body>, soit elles n’en ont pas. Dans le cas où il n’y a pas de balise fermante, il doit y avoir un « / » slash à la fin.
Code XHTML :
<input type= »submit » />
Les attributs
- Les attributs doivent avoir une valeur explicite et la valeur doit être indiquée entre guillemets
Code XHTML :
<input type= »checkbox » checked= »checked » />
Mon premier document XHTML
Un document XHTML doit comporter 2 grandes parties :
· L’entête
· Le corps
Ces deux grandes parties contiennent elles-mêmes, chacune, différentes parties.
L’entête DOCTYPE
Le DOCTYPE ou Document Type est le premier élément de l’entête. Il déclare au navigateur la norme utilisée. Il doit être placé en tout début de la page avant la balise :
Code XHTML :
<html>. <!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »>
Certains éditeurs génèrent automatiquement ce code sinon, il suffit de faire un copier coller puisque ça reste le même pour toutes les pages.
Néanmoins, c’est bon de savoir à titre d’information qu’il y a différents normes XHTML 1.0 :
· Transitional : permet d’utiliser des balises « décoratives » comme <font>, qui ne sont pas trop appréciées en XHTML Strict
· Frameset : utilisé quand la page contient une ou plusieurs frames
· Strict : est la norme recommandée