LECȚIA 103 DIN 120

Construiește: ID-uri unice în document

Folosește câte un ID unic pentru fiecare secțiune și control.

Sursă oficialăWHATWG HTML — idRevizuit: 2026-08-26
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.

Exemplu corect
<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.

Greșeală frecventă
<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

Completează exemplul. Folosește câte un ID unic pentru fiecare secțiune și control.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlHTML
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
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.
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ă.