MP Web Studio
HTMLTraseu de bază
43 / 120

LECȚIA 43 DIN 120

Construiește: un singur conținut principal

Folosește un singur main pentru conținutul dominant al paginii.

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

Cum funcționează

Folosește un singur main pentru conținutul dominant al paginii. Structura semantică trebuie să descrie sensul, nu aspectul vizual.

Exemplu corect
<header><p>Studio web</p></header><main><h1>Servicii</h1><p>Soluții construite pentru procese reale.</p></main><footer><p>Contact</p></footer>

main identifică conținutul dominant al documentului. Headerul, footerul și navigarea repetată rămân în afara acestei regiuni.

Greșeală frecventă
<main><h1>Servicii</h1></main><main><p>Contact</p></main>

În această pagină simplă, al doilea main fragmentează conținutul dominant. Contactul poate sta într-un footer sau într-o secțiune a singurului main.

PASUL 2 · APLICĂ

Exercițiul tău

Completează exemplul. Folosește un singur main pentru conținutul dominant al paginii.

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
  • Pagina are exact un main.
  • Titlul principal este în main.
Explică-mi logica rezolvării

Păstrează un singur main pentru conținutul dominant, mută titlul în el și folosește alte elemente pentru zonele secundare.