HTML - Meta tag

L'HTML consente di specificare i metadati, ovvero ulteriori informazioni importanti su un documento in vari modi. Gli elementi META possono essere utilizzati per includere coppie nome / valore che descrivono le proprietà del documento HTML, come l'autore, la data di scadenza, un elenco di parole chiave, l'autore del documento ecc.

Il <meta>il tag viene utilizzato per fornire tali informazioni aggiuntive. Questo tag è un elemento vuoto e quindi non ha un tag di chiusura ma contiene informazioni all'interno dei suoi attributi.

Puoi includere uno o più meta tag nel tuo documento in base alle informazioni che desideri conservare nel documento ma in generale, i meta tag non influiscono sull'aspetto fisico del documento quindi dal punto di vista dell'aspetto, non importa se includi loro o no.

Aggiunta di metatag ai documenti

Puoi aggiungere metadati alle tue pagine web inserendo i tag <meta> all'interno dell'intestazione del documento che è rappresentato da <head> e </head>tag. Un meta tag può avere i seguenti attributi oltre agli attributi principali:

Suor n Attributo e descrizione
1

Name

Nome della proprietà. Può essere qualsiasi cosa. Gli esempi includono parole chiave, descrizione, autore, rivisto, generatore ecc.

2

content

Specifica il valore della proprietà.

3

scheme

Specifica uno schema per interpretare il valore della proprietà (come dichiarato nell'attributo content).

4

http-equiv

Utilizzato per le intestazioni dei messaggi di risposta http. Ad esempio, http-equiv può essere utilizzato per aggiornare la pagina o per impostare un cookie. I valori includono content-type, expires, refresh e set-cookie.

Specifica delle parole chiave

È possibile utilizzare il tag <meta> per specificare importanti parole chiave correlate al documento e successivamente queste parole chiave vengono utilizzate dai motori di ricerca durante l'indicizzazione della pagina Web a scopo di ricerca.

Esempio

Di seguito è riportato un esempio in cui stiamo aggiungendo HTML, Meta Tag, Metadati come parole chiave importanti sul documento.

<!DOCTYPE html>
<html>
   
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
   </head>
   
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

Questo produrrà il seguente risultato:

Descrizione del documento

Puoi usare il tag <meta> per fornire una breve descrizione del documento. Anche questo può essere utilizzato da vari motori di ricerca durante l'indicizzazione della tua pagina web a scopo di ricerca.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

Data di revisione del documento

Puoi usare il tag <meta> per fornire informazioni sull'ultima volta che il documento è stato aggiornato. Queste informazioni possono essere utilizzate da vari browser Web durante l'aggiornamento della pagina Web.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Aggiornamento del documento

Un tag <meta> può essere utilizzato per specificare una durata dopo la quale la tua pagina web continuerà ad aggiornarsi automaticamente.

Esempio

Se desideri che la tua pagina continui ad aggiornarsi ogni 5 secondi, utilizza la seguente sintassi.

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Reindirizzamento della pagina

Puoi utilizzare il tag <meta> per reindirizzare la tua pagina a qualsiasi altra pagina web. Puoi anche specificare una durata se vuoi reindirizzare la pagina dopo un certo numero di secondi.

Esempio

Di seguito è riportato un esempio di reindirizzamento della pagina corrente a un'altra pagina dopo 5 secondi. Se desideri reindirizzare la pagina immediatamente, non specificare l' attributo di contenuto .

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5; url = http://www.tutorialspoint.com" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Impostazione dei cookie

I cookie sono dati, memorizzati in piccoli file di testo sul tuo computer e vengono scambiati tra browser web e server web per tenere traccia di varie informazioni in base alle esigenze della tua applicazione web.

È possibile utilizzare il tag <meta> per memorizzare i cookie sul lato client e successivamente queste informazioni possono essere utilizzate dal server Web per tracciare un visitatore del sito.

Esempio

Di seguito è riportato un esempio di reindirizzamento della pagina corrente a un'altra pagina dopo 5 secondi. Se desideri reindirizzare la pagina immediatamente, non specificare l' attributo di contenuto .

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
         
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

Se non includi la data e l'ora di scadenza, il cookie è considerato un cookie di sessione e verrà eliminato quando l'utente esce dal browser.

Note- Puoi controllare PHP e il tutorial sui cookie per un dettaglio completo sui cookie.

Impostazione del nome dell'autore

Puoi impostare il nome di un autore in una pagina web utilizzando il meta tag. Vedi un esempio sotto -

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Specifica il set di caratteri

Puoi utilizzare il tag <meta> per specificare il set di caratteri utilizzato all'interno della pagina web.

Esempio

Per impostazione predefinita, i server Web ei browser Web utilizzano la codifica ISO-8859-1 (Latin1) per elaborare le pagine Web. Di seguito è riportato un esempio per impostare la codifica UTF-8:

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Per offrire la pagina statica con caratteri cinesi tradizionali, la pagina web deve contenere un tag <meta> per impostare la codifica Big5 -

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>