DébutantNon commencé

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 :

  1. Chaque actualité vit dans sa propre balise d'article
  2. Chacune ouvre sur un titre <h3> : le premier affiche Victoire 3-2 contre Develier !, le second La buvette fait peau neuve
  3. 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)

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé