Aller au contenu principal
ShadowAcademy

Les langages Projet : un site complet La structure (HTML)

Bâtir la page

Avant d'écrire la moindre ligne de CSS ou de JavaScript, on pose la structure. Deux questions guident chaque élément :

  1. Qu'est-ce que c'est ? Un titre, une navigation, une liste, un bouton : la bonne balise, pas un <div> passe-partout.
  2. Qui en aura besoin ensuite ? Ce que le CSS mettra en forme reçoit une classe ; ce que le JavaScript devra retrouver reçoit un identifiant ou un attribut data-.

Les attributs data-

<li class="carte" data-categorie="jeux">...</li>

Un attribut qui commence par data- porte une information destinée au script : ici, la catégorie de l'activité. JavaScript la lit avec element.dataset.categorie.

L'heure : <time>

<time>14:00</time> Jeux coopératifs

<time> signale une date ou une heure : les navigateurs, les moteurs de recherche et les agendas savent la reconnaître.

3 exercices pour cette lecon

Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte

  • Le squelette du festival facile lecon a valider
  • Le programme moyen lecon a valider
  • Le formulaire d inscription moyen lecon a valider