Adloun

HTML : structurer le Web (école d'ingénieur) · Chapitre 7 · Application directe du cours

Article ou section ?

HTML sémantique · niveau 1 (application)

Énoncé

Pour chacun de ces contenus, choisir <article>, <section>, <aside> ou <div>, et justifier :

  • un commentaire d'internaute sous un billet ;
  • la partie « Ingrédients » d'une recette ;
  • un encadré « Le saviez-vous ? » en marge d'un article ;
  • un bloc qui regroupe deux colonnes pour la mise en page ;
  • la fiche d'un livre dans la liste du catalogue ;
  • le chapitre 3 d'un cours en ligne affiché sur une page.

Corrigé

  • <article> : un commentaire a un sens seul (on peut l'afficher dans la liste des derniers commentaires du site). On l'imbrique dans l'<article> du billet.
  • <section> : c'est une partie thématique de la recette, avec son titre « Ingrédients ».
  • <aside> : contenu annexe, lié à l'article mais non nécessaire à sa lecture.
  • <div> : regroupement purement visuel, sans signification.
  • <article> : une fiche produit est un contenu autonome (elle pourrait être affichée seule, ou partagée).
  • <article> si la page est ce chapitre (un contenu autonome) ; ses parties seront des <section>. Si plusieurs chapitres étaient affichés sur une même page comme les parties d'un livre, chacun serait une <section>.

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →