Bienvenue à ce nouveau tuto 🙂 . Dans ce cours , nous allons découvrir ensemble la balise DOCTYPE en HTML.
Comme nous l’avons vu ensemble dans le tuto créer notre premier fichier HTML , le document HTML, il y avait une déclaration <!DOCTYPE html> avant la balise <html>. Cette balise est utilisée pour informer le navigateur de la version de HTML utilisée dans le document. Elle est aussi appelée Déclaration de Type de Document (DTD).
accès rapide
- La démo
- Qu’est-ce que DOCTYPE html ?
- À quoi sert DOCTYPE en html ?
- Quels sont les différents types de DOCTYPE html ?
- Quiz de ce tuto
La démo
Qu’est-ce que DOCTYPE html ?
Plusieurs versions d’HTML ont apparu c’est pourquoi Il est important d’indiquer à votre navigateur avec quelle version du standard HTML il doit interpréter votre page web.
C’est pour cela que l’on fixe un DOCTYPE en tête de nos page HTML. C’est une balise qui s’écrit dans la première ligne de notre page qui indique la version du HTML utilisée.
Si cette balise manque dans le document, cela peut entraîner des erreurs dans la présentation de votre site Web.
A quoi sert DOCTYPE html ?
Le rôle de DOCTYPE est d’expliquer aux programmeurs et aux navigateurs de quelle document type définition (DTD) il s’agit et comment un site Web doit être rendu.
La DTD indique donc quel langage de code est utilisé sur la page ou dans le document HTML.
Quels sont les différents types de DOCTYPE html ?
Historiquement parlant , Il était un peu compliqué à retenir les DOCTYPE.
Exemple 1 : dans XHTML 1.1 la déclaration de DOCTYPE était comme suite :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Exemple 2 : dans HTML 4.01 Strict la déclaration de DOCTYPE était comme suite :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Ne vous inquiétez pas L’arrivée de la nouvelle version de HTML5 nous a simplifier la vie 🙂 . Voici la déclaration dans HTML 5.
<!DOCTYPE html>Vous trouvez ci-dessous un exemple complet :
<!DOCTYPE html>
<html>
<head>
<title>titre de ma page</title>
</head>
<body>
bonjour à tous !!!
</body>
</html>Dans ce tuto, nous avons défini le DOCTYPE , son utilité et ses différents types.
Espérons bien que ce tuto vous a plu. Dans le tuto suivant , Nous allons comprendre la partie Head.