LECȚIA 07 DIN 120

Article și section

Separă conținutul independent de secțiunile sale.

Sursă oficialăWHATWG HTML — articleRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

article poate exista independent; section grupează o temă.

Exemplu corect
<article>
  <h1>Cum construim un site</h1>
  <section>
    <h2>Planificare</h2>
    <p>Clarificăm obiectivul.</p>
  </section>
</article>

article învelește materialul care poate fi distribuit separat. section împarte articolul în teme și are propriul titlu.

Greșeală frecventă
<section>
  <p>Clarificăm obiectivul.</p>
</section>

Secțiunea nu are un titlu care să explice tema ei, deci structura este greu de identificat.

PASUL 2 · APLICĂ

Exercițiul tău

Creează un article cu două section, fiecare având h2.

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
  • Conținutul este într-un article.
  • Article conține două section.
  • Fiecare section are h2.
Explică-mi logica rezolvării

Decide întâi ce poate exista independent; acesta devine article. Apoi grupează temele interne în section cu titlu.