Il tag <head>
Il tag <head> è un elemento HTML che contiene informazioni meta su un documento web, dette anche metadata. Queste informazioni non sono visibili direttamente nella pagina, ma sono utilizzate dai browser, dai motori di ricerca e da altri strumenti per comprendere il contenuto e il contesto della pagina.
Il tag <head> è un contenitore obbligatorio ed è posizionato subito dopo il tag <html> e prima del tag <body>.
Ruolo del tag <head>
- Definire il titolo della pagina visualizzato nella scheda del browser.
- Specificare stili e script da caricare.
- Fornire informazioni per l'ottimizzazione sui motori di ricerca (SEO).
- Integrare risorse esterne come fogli di stile o script.
Tag che può contenere <head>
1. tag <title>
- Specifica il titolo della pagina, visibile nella scheda del browser e nei risultati di ricerca.
- Obbligatorio in ogni documento HTML.
- Esempio:
<title>Il ristorante - home page</title>
2. tag <meta>
Il tag <meta> fornisce metadati sulla pagina HTML. I metadati non vengono visualizzati direttamente nella pagina ma sono utili per:
- Specificare la codifica dei caratteri.
- Ottimizzare per i motori di ricerca (SEO).
- Migliorare l'esperienza utente su dispositivi mobili.
Attributi principali del tag <meta>
-
charset
Specifica la codifica dei caratteri del documento.
Esempio:<meta charset="UTF-8"> -
nameecontent
Utilizzato per descrivere il contenuto della pagina, fornire parole chiave o indicazioni per i motori di ricerca.
Esempio:<meta name="description" content="Benvenuti nel miglior ristorante della città, scoprite i nostri piatti e il nostro menu esclusivo."> <meta name="author" content="Nome Autore">
3. tag <link>
Il tag <link> serve a collegare risorse esterne al documento HTML, come fogli di stile CSS o icone personalizzate.
Esempio di collegamento a un file CSS:
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
