Chargement...

Div en HTML

Après block/inline, la boîte div sert à regrouper.

Pourquoi une boîte « sans sens » aide

Les cartes commencent souvent en div avec class.

Réponse directe

Enveloppez le balisage lié dans div, ajoutez class, préférez le sémantique si le rôle est clair.

Un groupe carte

div autour d’un titre et d’un paragraphe.

Grouping with a card div

html

HTML Code

<div class="card">
<h2>Today</h2>
<p>Practice HTML containers with a simple card.</p>
</div>

Lecture de la carte

div regroupe
h2/p gardent le sens
class = crochet

Enveloppe avec deux cartes

Enveloppe externe, cartes internes.

Wrapper with two cards

html

HTML Code

<div class="card-row">
<div class="card">
<h3>Lesson</h3>
<p>Read the notes once.</p>
</div>
<div class="card">
<h3>Practice</h3>
<p>Rebuild the markup from memory.</p>
</div>
</div>

Lecture de l’enveloppe

deux niveaux suffisent
enfants sémantiques

Préférez le sens

div est un secours, pas le premier choix partout.

Pratique

Une carte
Deux dans une enveloppe
Supprimez les div vides
Listez trois balises que div ne remplace pas

Erreurs faciles

soupe de div
div à la place de p/ul/nav
enveloppes vides

Résumé

conteneur générique
class comme crochet
sémantique si clair
évitez la soupe

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓

Questions

🎯

70%

Pour Réussir

♾️

∞

Temps

🔄

∞

Tentatives

📝 Instructions

Lisez chaque question attentivement
Sélectionnez la meilleure réponse pour chaque question
Vous pouvez refaire le quiz autant de fois que vous le souhaitez
Votre progression sera affichée en haut

Langue