Ce face <head>
Elementul <head> este un container pentru informațiile despre pagină care nu sunt afișate direct în corpul vizibil al ferestrei browserului.
În <head> se definesc titlul paginii (afișat pe fila browserului), setul de caractere (UTF-8), configurația viewport pentru telefoane, descrierea pentru Google (SEO), pictograma (favicon) și legăturile către fișierele de stil CSS.
Exemple
Exemplul 1: Antet recomandat pentru un site modern
Include charset, setările pentru telefoane mobile (viewport), titlul și descrierea meta.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ghid de programare - dexblog.ro</title>
<meta name="description" content="Învață programare explicată în limba română.">
<link rel="stylesheet" href="stil.css">
</head>
Ce afișează browserul
(Metadate invizibile în corpul paginii; configurează fila browserului și stilurile)
Greșeli frecvente
- Plasarea de elemente vizuale (cum ar fi
,
sau) în interiorul tagului .
- Omiterea tagului
, care este obligatoriu conform standardului HTML. Comenzi înrudite
<title>: Definește titlul paginii, afișat în fila browserului, în istoricul de navigare și în rezultatele Google.<meta>: Specifică metadate despre document: setul de caractere, configurația pentru mobil, descrierea SEO și cuvintele cheie.<link>: Leagă documentul curent de resurse externe: fișiere CSS, pictograme (favicon), fonturi web sau versiuni canonice.<style>: Permite scrierea de reguli CSS direct în documentul HTML (stiluri interne).<script>: Încarcă sau conține cod executabil JavaScript pentru a adăuga interactivitate paginii.
- Omiterea tagului