| Nom | Prénom | Date de naissance | Sexe | Ville | Numéro de participant |
|---|---|---|---|---|---|
| Marchal | Jeanne | 16/11/1960 | Femme | Lyon | #45 |
| Gros-Launay | Robert | 03/09/1972 | Homme | Paris | #32 |
| Perret | Michelle | 18/06/1996 | Femme | Paris | #42 |
********************
Contenu (main)
Mais c’est clean, pour rester sémantique! Quoi dire de plus, le code parle de lui-même. N’est-ce pas simple et merveilleux. On a donc un entête, une bande à gauche et à droite, un contenu et le pied de page. À l’aide de balises HTML5 à jour. En principe, il n’y manque que son style CSS mais l’ordre est déjà important. Par défaut si l’entête se place tout en haut à gauche en priorité, l’effet de cascades provoqué par l’aspect « adaptatif » (selon les dimensions de la fenêtre du navigateur) place les éléments un en dessous des autres en partant du haut (!). Pourquoi c’est important? Pour placer la bande de droite naturellement et automatiquement sous le contenu lors d’une consultation avec un mobile par exemple. Contrairement au « Flex » en pure CSS, il n’y a pas d’attribut pour définir l’ordre d’affichage de ces éléments HTML.