Ce face <meta>
Tagul <meta> este un element vid (self-closing, nu are tag de închidere) care furnizează informații tehnice despre document.
Cele două meta-taguri esențiale pe orice site modern sunt charset="UTF-8" (pentru ca diacriticele precum ă, î, ș, ț să se afișeze corect) și name="viewport" (pentru ca pagina să fie adaptată ecranelor de telefon mobil).
Atribute
| Atribut | Descriere |
|---|---|
charset |
Setul de caractere utilizat, aproape întotdeauna „UTF-8”. |
name |
Numele proprietății: „viewport”, „description”, „author”, „robots”. |
content |
Valoarea asociată numelui (ex. descrierea paginii pentru Google sau setările viewport). |
Exemple
Exemplul 1: Meta-tagurile esențiale pentru orice pagină web
Asigură afișarea corectă a diacriticelor românești și adaptarea pe telefoane.
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ghid complet de taguri HTML5 cu exemple practice.">Ce afișează browserul
(Nu generează conținut vizibil direct pe ecran; configurează browserul și motoarele de căutare)Greșeli frecvente
- Omiterea tagului , ceea ce provoacă caractere ilizibile în locul diacriticelor (mojibake).
- Omiterea meta-tagului viewport, ceea ce face ca telefoanele mobile să afișeze site-ul micșorat (zoomed-out) ca pe desktop.
Comenzi înrudite
<head>: Conține metadatele documentului, linkuri către fișiere CSS, scripturi și informații pentru motoarele de căutare.<title>: Definește titlul paginii, afișat în fila browserului, în istoricul de navigare și în rezultatele Google.<link>: Leagă documentul curent de resurse externe: fișiere CSS, pictograme (favicon), fonturi web sau versiuni canonice.