Exercice 3.4 · 6 min · 0 tentative
Des articles autonomes
🎯 Objectif
Publier les actualités du club avec <article> — et comprendre une fois pour toutes la différence avec <section>.
📖 Exemple
Le skatepark de la ville publie sa dernière nouvelle :
<article>
<h3>Nouveau rail installé !</h3>
<p>Le skatepark s'agrandit : un rail de six mètres attend les riders dès samedi.</p>
</article>
Pourquoi <article> et pas <section> ? Fais le test du détachement : partage cette nouvelle telle quelle sur les réseaux — elle garde tout son sens, seule. Un contenu autonome, c'est un <article> ; un simple morceau de page, c'est une <section>. L'article embarque donc tout : son titre <h3> (un niveau sous le <h2> de la section qui l'accueille) et son texte. Les journaux en ligne balisent chaque brève ainsi — et Google Actualités s'en sert pour les référencer.
📝 Consigne
Dans la section « Actualités du club », publie deux actualités autonomes — même structure que la nouvelle du skatepark, autres scoops :
- Chaque actualité vit dans sa propre balise d'article
- Chacune ouvre sur un titre
<h3>: le premier affiche Victoire 3-2 contre Develier !, le second La buvette fait peau neuve - Sous chaque titre, un paragraphe
<p>d'au moins une phrase, que tu inventes — c'est toi le reporter du club !
Résultat attendu
Deux actualités l'une sous l'autre, chacune avec son titre et son récit.
Ce qui est vérifié
- Publier deux actualités en <article>
- Titrer la première actualité : la victoire
- Titrer la seconde actualité : la buvette
- Raconter le match dans la première actualité
- Raconter les travaux dans la seconde actualité
- Écrire un code HTML bien formé
- Respecter la structure de la page (doctype, head, body)