English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il tag <meta> HTML contiene informazioni o metadati non direttamente visibili sul sito web ma utilizzati dai browser e dai motori di ricerca. Questo tag è anche noto come elemento <meta>.
Descrivere i metadati del documento HTML:
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Il tag meta HTML è un elemento che risiede all'interno del tag head dell'HTML."> <meta name="keywords" content="html, meta, tag, element"> <meta name="author" content="it.oldtoolbag.com"> <title>Il sito di tutorial di base (oldtoolbag.com)</title> </head> <body> </body> </html>Testa a see ›/›
In questo esempio di documento HTML5, abbiamo creato 5 tag meta. Il primo tag meta (charsetDefinire l'encoding dei caratteri del documento HTML. Durante la progettazione di un sito web responsive, verrà utilizzato il secondo tag meta (viewport）。Il terzo tag meta (description) fornisce una descrizione della pagina web per i motori di ricerca. Il quarto meta tag (Parole chiave）Fornisce parole chiave per i motori di ricerca. L'ultimo tag meta (author) definisce l'autore della pagina web.
IEFirefoxOperaChromeSafari
Tutti i browser mainstream supportano il tag <meta>.
I metadati (Metadata) sono informazioni sui dati.
Il tag <meta> fornisce i metadati del documento HTML. I metadati non vengono visualizzati sul client, ma vengono analizzati dal browser.
Gli elementi META vengono solitamente utilizzati per specificare la descrizione della pagina web, le parole chiave, l'ora dell'ultima modifica del file, l'autore e altri metadati.
I metadati possono essere utilizzati dai browser (come visualizzare il contenuto o ricaricare la pagina), dai motori di ricerca (parole chiave) o da altri servizi web.
Attenzione:Il tag <meta> di solito si trova all'interno di <head> all'interno dell'area.
Attenzione: I metadati si presentano solitamente come coppia nome/valore.
Attenzione: Se non viene fornito l'attributo name, il nome nella coppia nome/valore utilizzerà il valore dell'attributo http-equiv.
HTML5 non supporta l'attributo scheme.
In HTML5, c'è una nuova proprietà charset, che rende più facile definire il set di caratteri:
HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
Nell'HTML, il tag <meta> non ha il tag di chiusura.
Nell'XHTML, il tag <meta> deve contenere il tag di chiusura.
Esempio 1 - Definire le parole chiave del documento per i motori di ricerca:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Esempio 2 - Definire la descrizione della pagina web:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Esempio 3 - Definire l'autore della pagina:
<meta name="author" content="nhoo.com">
Esempio 4 - Aggiorna la pagina ogni 30 secondi:
Esempio 4 - Aggiorna la pagina ogni 30 secondi: <meta http-equiv="refresh" content="30">
Nuovo: nuovi attributi HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| charsetHTML5 | character_set | Definire la codifica dei caratteri del documento. |
| contenuto | testo | Definire le meta-informazioni correlate agli attributi http-equiv o name. |
| http-equiv | tipo contenuto stile predefinito aggiorna | Associare l'attributo content all'intestazione HTTP. |
| nome | nome applicazione autore descrizione generator parole chiave | Associare l'attributo content a un nome. |
| schema | formato/URI | HTML5 non supporta. Definire il formato per tradurre il valore dell'attributo content. |
L'etichetta <meta> supporta tutte Proprietà degli eventi HTML.
Corso HTML:Intestazione HTML