Structure de page
Définition : Extension
Pour être correctement interprétés par les navigateurs, les fichiers doivent porter l’extension .htm ou .html.
Définition : Structure
Exemple de structure de base pour une page HTML.
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Site</title>
</head>
<body>
<!-- contenu de ma page --><header>
<h1>Bienvenue sur Mon Site</h1>
</header>
<main>
<p>Ceci est une page de base en HTML.</p>
</main>
<footer>
<p>© 2025 Mon Site</p>
</footer>
</body>
</html>
Définition : Explications des différentes parties
<!DOCTYPE html>: indique au navigateur que le document est écrit en HTML5, ce qui assure une interprétation conforme aux standards actuels.<html lang="fr">: ouvre la structure du document HTML et précise que la langue principale est le français, ce qui facilite l’indexation par les moteurs de recherche et l’accessibilité pour les lecteurs d’écran.<head>: section d’en-tête du document contenant des informations générales et métadonnées sur la page. Ces informations ne sont pas affichées directement à l’écran.<meta charset="UTF-8">: définit l’encodage des caractères en UTF-8, permettant d’afficher correctement les lettres accentuées et les symboles.<meta name="viewport" content="width=device-width, initial-scale=1.0">: rend la page responsive, adaptée aux différents types d’écrans (ordinateurs, tablettes, smartphones). Elle indique que la largeur de la page doit correspondre à la largeur de l’écran et définit le niveau de zoom initial.<title>Mon Site</title>: définit le titre de la page, affiché dans l’onglet du navigateur et utilisé par les moteurs de recherche.
<body>: section contenant le contenu visible par l’utilisateur. Tout ce qui se trouve entre<body>et</body>est affiché sur la page web.<!-- contenu de ma page -->: commentaire dans le code, visible uniquement par le développeur et non affiché à l’écran.<header>: section d’en-tête visible de la page, souvent utilisée pour le titre ou le menu de navigation.<h1>Bienvenue sur Mon Site</h1>: titre principal de la page, important pour la hiérarchie du contenu et le référencement.
<main>: section principale du contenu de la page.<p>Ceci est une page de base en HTML.</p>: paragraphe de texte.
<footer>: section de pied de page, souvent utilisée pour les informations légales ou le copyright.<p>© 2025 Mon Site</p>: texte de copyright affiché en bas de page.