Différences entre les versions de « Le langage HTML/Structure de base d'un document HTML »

Vers le HTML5
m (Révocation des modifications de 41.141.119.143 (discussion) vers la dernière version de Savant-fou)
(Vers le HTML5)
Voici un exemple de page minimale :
 
{{vert|<!DOCTYPE html>}} HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"<nowiki>http://www.w3.org/TR/html4/strict.dtd</nowiki>"{{vert|>}}
{{vert|&lt;html>}}
* Une fermante qui s'écrit comme l'ouvrante sauf que l'on fait précéder de mot clef par le caractère « / ».
 
Certaines balises sont dites vides, c'est-à-dire qu'elles ne contiennent pas d'autres éléments. Ces balises ne possèdent donc pas de balises de fermeture. Pour indiquer qu'il n'y a pas de balise de fin, en XHTML on ajoute le caractère « / » à la fin de la balise.
 
Lorsqu'une balise n'est pas vide, vous pouvez mettre différentes choses entre la balise d'ouverture et la balise de fermeture comme du texte ou d'autres balises.
Voici une page minimale dont nous allons expliquer tous les éléments :
 
{{vert|&lt;!DOCTYPE}} html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">}
"<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>"{{vert|>}}
{{vert|&lt;html>}}
=== La définition de type de document ===
 
Vous le savez, on en a parlé en long en large et travers dans l'introduction, il existe plusieurs versions du HTML et avec ça plusieurs variantes. On a aussi dit qu'une fois la version (et le cas échéant la variante) choisie, il fallait s'y tenir. Mais pour savoir si vous respectez bien les règles d'une certaines version, il faut dire la version que vous utilisez ! C'est à ça que sert la première ligne. Elle paraît barbare mais ne vous inquiétez pas, vous n'aurez pas à l'apprendre par cœur (franchement je me demande si quelqu'un la connaît). Cette première balise donc est la ''déclaration de type document'' (appelée couramment ''doctype''). Dans le cas présent, on devine facilement quc'il s'agitest du XHTML 1.0 StrictHTML5.
 
Vous avez ci-dessous une liste des Doctype les plus utilisés que vous pouvez directement copier / coller.
Sans un DOCTYPE, vous ne pourrez pas faire passer votre page par un validateur.
 
Vous avez sûrement remarqué qu'il n'y a pas de / final : il ne faut pas en mettre ''même en XHTML''. En effet, le DOCTYPE n'est pas une balise, en fait, mais a un statut bien particulier.
 
==== Les trois variantes du HTML 4.01 ====
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
</nowiki>
</pre>
 
==== Le HTML 5 ====
 
<pre>
<nowiki>
<!DOCTYPE html>
</nowiki>
</pre>
Nous retrouvons ici notre exemple du haut de page, pour en expliquer les principales balises.
 
{{vert|&lt;!DOCTYPE}} html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">}
"<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>"{{vert|>}}
{{vert|&lt;html>}}
4 215

modifications