dexblog.ro
HTML Toate tagurile HTML

în HTML

Structură semantică (Layout) HTML5

Marchează o secțiune tematică a unei pagini sau a unui articol, care ar trebui să aibă propriul titlu (h2-h6).

Sintaxă tag 
<section>
  <h2>Capitolul 1: Noțiuni de bază</h2>
  <p>Textul secțiunii...</p>
</section>

Ce face <section>

Tagul <section> grupează un conținut unitar dintr-o pagină: un capitol dintr-un articol, o secțiune de recenzii, o secțiune de testimoniale sau o secțiune de contact.

Regula de aur a standardului HTML5: fiecare <section> ar trebui să aibă un titlu (<h2>–<h6>) care descrie tema acelei porțiuni.

Exemple

Exemplul 1: Secțiune de întrebări frecvente pe o pagină

Secțiunea are propriul titlu tematic și conținut conex.

<section id="faq">
  <h2>Întrebări frecvente despre HTML</h2>
  <p><strong>Este greu de învățat?</strong> Nu, HTML se poate deprinde în câteva zile.</p>
  <p><strong>Am nevoie de unelte speciale?</strong> Ai nevoie doar de un editor gratuit de cod.</p>
</section>

Ce afișează browserul

O zonă tematică cu subtitlul Întrebări frecvente despre HTML și cele două răspunsuri.

Greșeli frecvente

  • Folosirea
    doar pentru a aplica stiluri CSS de lățime sau culoare de fundal (dacă nu există o tematică clară cu titlu, se folosește

    ).

Comenzi înrudite

  • <article>: Conținut complet și autonom, care are sens de unul singur dacă este distribuit separat (articol de blog, știre, comentariu).
  • <main>: Conține subiectul principal și unic al documentului, excluzând meniurile, bara laterală și subsolul.
  • <div>: Container generic de tip bloc (division), fără semnificație semantică, folosit pentru gruparea elementelor și stilizare CSS.