1. Balises
Les balises se présentent sous différents types. D'abord, elles peuvent être simples ou par paires. Les balises par paires sont les plus courantes. Et, comme tu l'as probablement déjà deviné, elles vont toujours par paire. On les appelle aussi balise ouvrante et balise fermante.
Une balise ouvrante — c'est juste un mot-clé entre crochets triangulaires.
<tag>
Exemple :
<h1>
La balise fermante ressemble à la balise ouvrante, mais il y a une barre oblique avant le mot-clé.
</tag>
Exemple :
</h1>
La balise ouvrante vient toujours en premier dans une paire.
IL NE PEUT PAS y avoir d'abord une balise fermante, puis
une balise ouvrante. Un tel document HTML sera considéré comme invalide.
2. Arbre des balises
Une autre information importante sur les balises par paires. Il peut y en avoir beaucoup dans un document, et elles peuvent être imbriquées. Cela signifie que tout texte dans un document HTML peut être enveloppé dans des balises, même s'il contient d'autres balises. Exemple :
<html>
Texte ordinaire
<a href="http://codegym.cc/about">
Lien vers quelque chose d'intéressant
</a>
encore un autre texte
</html>
En gros, dans le texte HTML, il peut y avoir une séquence de balises :
<h1> <h2> </h2> </h1>
Mais il ne peut y avoir :
<h1> <h2> </h1> </h2>
Si la balise ouvrante <h2> se trouve à l'intérieur de la paire
de balises <h1>, alors sa balise fermante correspondante
</h2> doit également se trouver à l'intérieur de la même paire
de balises <h1>.
Ainsi, toutes les balises du document forment une sorte de
arbre de balises. D'abord vient la balise de niveau supérieur,
qui enveloppe tout le document, généralement appelée
<html>. Elle a des paires de balises enfants, qui ont les leurs, et ainsi de suite.
En gros, le programme qui traite un document avec des balises le voit exactement comme ça — comme un arbre de balises avec du texte imbriqué.
3. Balises simples
Balise vide
Si une balise n'a pas de contenu, elle ressemble généralement à ceci :
<tag> </tag>
Pour ces balises, une syntaxe compacte spéciale a été inventée :
<tag/>
Note que cette balise
est différente d'une balise fermante — la barre oblique est située à la fin.
C'est simplement une version abrégée d'une paire de balises vide. Cela s'appelle une balise vide.
Balises simples
Cependant, en HTML, il existe aussi des balises simples spéciales. Elles n'ont pas de balise fermante. La liste de ces balises est définie par la norme HTML. Exemples :
<br>— saut de ligne ;<hr>— ligne de séparation ;<img>— image.
Il y en a 14 en tout, la moitié sont des balises de service, et l'autre moitié sont apparues dès la première version de HTML. Aujourd'hui, on évite d'introduire ce type de balises.
GO TO FULL VERSION