Ce face <h1> – <h6>
Tagurile <h1> până la <h6> reprezintă cele șase niveluri ierarhice de titluri în HTML. <h1> este cel mai important, iar <h6> cel mai puțin important.
Titlurile sunt esențiale pentru structura logică a paginii, pentru utilizatorii care folosesc cititoare de ecran și pentru indexarea Google (SEO). O pagină ar trebui să aibă, de regulă, un singur tag <h1> care descrie subiectul principal.
Exemple
Exemplul 1: Ierarhia corectă a titlurilor într-un articol
Respectă ordinea logică fără a sări peste niveluri (de la h1 la h2, apoi h3).
<h1>Ghid complet HTML5</h1>
<h2>1. Introducere</h2>
<p>Ce este HTML și de ce îl învățăm.</p>
<h3>1.1. Istoric</h3>
<p>Evoluția standardelor web.</p>
<h2>2. Taguri fundamentale</h2>Ce afișează browserul
Ghid complet HTML5 (text mare, îngroșat)
1. Introducere (titlu mediu)
Ce este HTML...
1.1. Istoric (subtitlu mai mic)
...Greșeli frecvente
- Folosirea titlurilor doar pentru a face textul mai mare sau mai îngroșat (pentru aspect vizual se folosește CSS, nu h1-h6).
- Săritul peste niveluri în ierarhie (de exemplu, trecerea direct de la
la
).
- Folosirea mai multor taguri
pe aceeași pagină, ceea ce diluează relevanța SEO.
Comenzi înrudite
<p>: Definește un paragraf de text; element de tip bloc, separat automat de restul conținutului prin spațiu vertical.<strong> și <em>: Evidențiază textul: strong conferă importanță majoră (îngroșat), iar em conferă accent sau intonație (cursiv/italic).<header>: Antetul introductiv al paginii sau al unei secțiuni: conține de regulă sigla, titlul și navigarea.<article>: Conținut complet și autonom, care are sens de unul singur dacă este distribuit separat (articol de blog, știre, comentariu).