Quiz récap'

Quiz récap' sur la structure d'une page HTML

Combien de fois puis-je trouver le role banner dans mon code ?

  1. 1 fois
  2. Plusieurs fois

Réponse a - 1 seule fois
Le rôle banner ne peut se présenter qu'un seule fois dans la page. Il identifie la bannière du site.

Sur quel élément HTML se pose le role 'banner' ?

  1. head
  2. header

Réponse b - header
Il peut y avoir plusieurs éléments header dans la page mais un seul header peut posséder ce rôle.

Combien de fois puis-je trouver le role 'navigation' dans mon code ?

  1. 1 fois
  2. Plusieurs fois

Réponse b - Plusieurs fois
Plusieurs fois : navigation principale, fil d'ariane, table des matières...

Sur quel élément HTML se pose le role 'navigation' ?

  1. header
  2. nav

Réponse b - nav

Pour présenter une collection de liens externes au site, j'utilise l'élément nav.

  1. Vrai
  2. Faux

Réponse b - Faux
Ce rôle est réservé aux liens internes au site ; les liens qui permettent de naviguer d'une page à l'autre.

Je peux avoir plusieurs éléments main avec le role main dans ma page web.

  1. Vrai
  2. Faux

Réponse b - Faux
Si on peut avoir plusieurs éléments main dans sa page, un seul peut porter ce rôle. La zone identifiée par main role="main" identifie ainsi le contenu principal de la page.

Quelle est la bonne écriture ?

  1. footer role="footer"
  2. footer role="contentinfo"

Réponse a - footer role="contentinfo"
Le rôle "footer" n'existe pas.

Pour présenter les liens internes au site posés dans ma zone footer avec le rôle contentinfo, j'utilise l'élément HTML nav

  1. Vrai
  2. Faux

Réponse b - Faux
Sémantiquement, un footer n'est pas fait pour proposer des liens utiles à la navigation dans le site. Le rôle "contentinfo" signifie en plus qu'il s'agit de contenu annexe.

Le code de langue du document HTML est obligatoire.

  1. Vrai
  2. Faux

Réponse a - Vrai
L'attribut lang="fr"> permet d’indiquer la langue principale du document. Elle est utilisé par les moteurs de recherche pour le référencement et les logiciels de synthèse vocale pour la lecture du texte.

L'élément HTML hr sert pour créer une ligne horizontale de séparation.

  1. Vrai
  2. Faux

Réponse b - Faux
La balise <hr> ne peut être utilisée qu’entre deux balises de type paragraphe <p>...</p> et sert à représenter un changement thématique entre deux paragraphes. Pour créer une ligne de séparation, on utilisera un style CSS.