Titluri HTML
Titlurile HTML sunt titlurile sau subtitlurile pe care vrei să le afișezi pe o pagină web. Se creează cu tag-urile <h1> până la <h6>. <h1> este cel mai important titlu, iar <h6> este cel mai puțin important.
Notă: Browserele adaugă automat puțin spațiu (o margine) înainte și după fiecare titlu.
Exemplu
Toate cele șase niveluri de titluri, de la cel mai important la cel mai puțin important.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toate Titlurile</title>
</head>
<body>
<h1>Titlu 1</h1>
<h2>Titlu 2</h2>
<h3>Titlu 3</h3>
<h4>Titlu 4</h4>
<h5>Titlu 5</h5>
<h6>Titlu 6</h6>
</body>
</html>
Titlurile Sunt Importante
Titlurile contează pentru mai mult decât aspectul vizual. Motoarele de căutare le folosesc pentru a înțelege structura și conținutul paginilor tale, iar cititorii adesea parcurg rapid o pagină după titlurile ei.
Folosește-le în ordine pentru a arăta structura: <h1> pentru titlul paginii, <h2> pentru titlurile secțiunilor, <h3> pentru subsecțiuni, și tot așa.
Sfat: Folosește doar un singur <h1> pe pagină; el reprezintă subiectul sau titlul principal. Notă: Folosește titlurile doar pentru titluri, nu pentru a face textul mare sau bold.
Exemplu
Titluri folosite pentru a schița structura unui ghid de călătorie.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Structura Titlurilor</title>
</head>
<body>
<h1>Ghid de Călătorie</h1>
<h2>Europa</h2>
<h3>Franța</h3>
<h3>Italia</h3>
<h2>Asia</h2>
<h3>India</h3>
<h3>Thailanda</h3>
</body>
</html>
Titluri Mai Mari
Fiecare titlu are o dimensiune implicită, dar poți seta orice dimensiune cu atributul style și proprietatea CSS font-size.
Exemplu
Un <h1> mărit la 60 de pixeli.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titlu Mai Mare</title>
</head>
<body>
<h1 style="font-size:60px;">Titlu 1</h1>
</body>
</html>