LECȚIA 49 DIN 120

Construiește: conținut secundar cu aside

Separă informația conexă, dar secundară, într-un aside.

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

Cum funcționează

Separă informația conexă, dar secundară, într-un aside. Structura semantică trebuie să descrie sensul, nu aspectul vizual.

Exemplu corect
<article><h1>HTML semantic</h1><p>Elementele descriu rolul conținutului.</p></article><aside><h2>Vezi și</h2><p>CSS controlează prezentarea vizuală.</p></aside>

aside reprezintă conținut legat indirect de materialul din jur, care poate fi separat fără să distrugă ideea principală.

Greșeală frecventă
<aside><p>Articolul principal este aici.</p></aside>

Textul declară conținutul principal, deci nu este potrivit pentru aside. Elementul trebuie rezervat informației conexe și secundare.

PASUL 2 · APLICĂ

Exercițiul tău

Completează exemplul. Separă informația conexă, dar secundară, într-un aside.

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
  • Informația secundară folosește aside.
  • Aside are conținut relevant.
Explică-mi logica rezolvării

Păstrează ideea principală în article și mută numai nota conexă într-un aside separat sau aflat în interiorul articolului.