Dans les premières leçons, on a écrit un <h1> seul et le navigateur l'a affiché.
Ça marche, mais c'est surtout parce que le navigateur est tolérant.
Pour créer un document propre et standard, chaque fichier .html doit respecter une structure minimale.
Voici le modèle complet :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Titre de l'onglet</title>
</head>
<body>
<h1>Titre principal</h1>
<p>Contenu de la page</p>
</body>
</html>
1. <!DOCTYPE html>
Cette première ligne indique : "on écrit du HTML5". Sans elle, certains navigateurs peuvent adopter un mode d'affichage ancien.
2. <html lang="fr">
<html> est la racine du document : tout ton code vit dedans.
L'attribut lang="fr" est important pour l'accessibilité et les moteurs de recherche.
3. <head>
Le <head> contient des informations invisibles dans le contenu de la page : métadonnées, titre d'onglet, liens CSS, etc.
On détaillera ses balises clés dans la leçon suivante.
4. <body>
Le <body> contient tout ce qui est visible à l'écran : texte, images, tableaux, formulaires, etc.
Le contenu visible doit toujours être placé dans cette balise.
Astuce VS Code : dans un fichier HTML vide, tape ! puis Entrée pour générer cette base.
Laisser un commentaire