PASUL 1 · ÎNVAȚĂ Cum funcționează Folosește câte un ID unic pentru fiecare secțiune și control. Structura semantică trebuie să descrie sensul, nu aspectul vizual.
<section id="servicii"><h2>Servicii</h2></section><section id="contact"><h2>Contact</h2><button id="deschide-contact" type="button">Deschide formularul</button></section>Fiecare id identifică un singur element în întregul document. Valorile descriptive permit legături interne, asocierea controalelor și selectarea precisă fără ambiguitate.
<section id="content"><h2>Servicii</h2></section><section id="content"><h2>Contact</h2><button id="content" type="button">Deschide</button></section>Aceeași valoare id este repetată pe trei elemente, deci referințele către „content” nu mai pot identifica o singură destinație.
PASUL 2 · APLICĂ Exercițiul tău Corectează exemplul fără să schimbi scopul. Folosește câte un ID unic pentru fiecare secțiune și control.
Cod Rezultat
index.html HTML
Codul exercițiului
PASUL 4 · VERIFICĂ
Ce trebuie să treacă 0% neverificat
○ Ambele secțiuni au ID. ○ Controlul button are ID și tip explicit. ○ Toate ID-urile sunt nenule și unice.
Verifică exercițiul✓ Arată un indiciu
Explică-mi logica rezolvării+ Adaugă id pe fiecare section și pe button, apoi compară cele trei valori caracter cu caracter: niciuna nu trebuie să fie goală sau repetată.