Structure HTML — Informatique, 11–13
Comment une page web indique ce qu’est chaque élément de son contenu. Informatique, 11–13 ans.
Idée
HTML donne à une page web une structure que le navigateur peut comprendre. Ses balises indiquent des rôles comme titre, paragraphe, lien ou image, au lieu de décrire seulement l’apparence des lettres. Le navigateur lit cette structure et la transforme en la page que tu vois, tandis que d’autres outils peuvent utiliser le même sens.
Pourquoi
Une page composée seulement d’instructions visuelles est difficile à interpréter pour les navigateurs, les moteurs de recherche et les lecteurs d’écran. HTML a été créé pour partager des documents entre ordinateurs différents tout en gardant une structure compréhensible. Séparer la structure de la décoration facilite aussi l’adaptation à un téléphone, un grand écran ou une lecture vocale.
Exemple détaillé
Pour créer une petite page, commence par placer une balise de titre autour de « Mon jardin ». Ajoute une balise de paragraphe autour de « Trois tournesols sont ouverts ». Puis ajoute une balise de lien avec des mots comme « Voir la carte » et une adresse de destination. Le navigateur affiche ainsi un titre, du texte ordinaire et un lien cliquable avec les bons rôles.
Piège courant
Une erreur courante et compréhensible consiste à utiliser une balise de titre uniquement parce qu’elle agrandit le texte. Cela paraît logique si tu regardes le résultat visible, mais un titre indique aussi aux outils que le texte nomme une section importante. Utilise la structure pour le sens et les styles pour régler la taille, la couleur et l’espace.
Où cela apparaît
HTML est la structure qui se trouve derrière les sites d’actualités, les boutiques en ligne, les sites scolaires et les pages de jeux. Les moteurs de recherche utilisent ses titres et ses liens pour comprendre le contenu, et les lecteurs d’écran utilisent ces rôles pour lire la page dans un ordre utile. Tu peux observer cette structure avec les outils de développement du navigateur.
Continue d'explorer
Autres langues
Chargement de MyLeoNes™…