Corsi on-line
Chiudi
Newsletter:
  • Seguici su Facebook
  • Seguici su Twitter
  • Seguici su Google+
  • Seguici via RSS
  • Seguici col tuo Smartphone

meta

Il tag meta permette di specificare una serie di importanti intestazioni di una pagina HTML, utili, soprattutto, per l'indicizzazione dei contenuti nei motori di ricerca.

La sintassi base è la seguente:

<meta name="nome" content="valore" />
E' un tag "vuoto" che non necessita dell'omonimo tag di chiusura.

Gli attributi supportati sono i seguenti: Iniziamo dai metatag (in gergo si definiscono cosi i tag della famiglia dei "meta") utili ad individuare autori e diritti riservati di una pagina: Continuiamo con i metatag utili all'indicizzazione dei contenuti di una pagina sui motori di ricerca: Continuiamo con dei metatag generici, non classificabili altrimenti: Facciamo un esempio completo di utilizzo dei metatag:
<html>
    <head>
        <title>Titolo della pagina</title>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="language" content="IT" />
        <meta name="author" content="Luca Ruggiero - www.lucaruggiero.it" />
        <meta name="owner" content="Mr. Webmaster - www.mrwebmaster.it" />
        <meta name="copyright" content="Mr. Webmaster - anno inizio - anno fine" />
        <meta name="reply-to" content="info@mrwebmaster.it" />
        <meta name="description" content="Descrizione della pagina" />
        <meta name="keywords" content="pippo pluto paperino" />
        <meta name="classification" content="Webmaster" />
        <meta name="robots" content="index follow" />
        <meta name="revisit-afrer" content="15 days" />
        <meta name="generator" content="Notepad :-)" />
    </head>
<body>

Contenuto della pagina...

</body>
</html>
Concludiamo con i valori da impostare alle intestazioni HTTP attraverso i metatag: La sintassi base è la seguente:
<meta http-equiv="nome" content="valore">
Facciamo qualche esempio:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
Imposta il set di caratteri ISO 8859-1 ed è obbligatorio ai fini della validazione del codice secondo le specifiche dell'XHTML.
<meta http-equiv="pragma" content="no-cache">
Impedisce ad una pagina di essere salvata in cache.
<meta http-equiv="expires" content="Sun, 03 Jan 2010 12:00:00 GMT" />
Farà cancellare la pagina dalla cache in data Domenica 3 Gennaio 2010 a mezzogiorno.
<meta
    http-equiv="set-cookie"
    content="cookievalue=MRW; expires=Sunday, 03-Jan-10 12:00:00 GMT; path=/" />
Imposta il cookie MRW che scadrà in data Domenica 3 Gennaio 2010 a mezzogiorno.
<meta http-equiv="refresh" content="5" />
Aggiorna la pagina corrente dopo 5 secondi.
<meta http-equiv="refresh" content="5; url=altrapagina.html" />
Si sposta su "url=altrapagina.html" dopo 5 secondi.
<meta http-equiv="page-enter" content="revealTrans(Duration=1, Transition=1)" />
Imposta l'effetto 1 della durata di 1 secondo all'entrata della pagina.
<meta http-equiv="page-exit" content="revealTrans(Duration=1, Transition=1)" />
Imposta l'effetto 1 della durata di 1 secondo all'uscita della pagina.

Un elenco completo degli effetti di transizione (compatibili solo con Microsoft Internet Explorer) sono reperibili leggendo l'articolo Effetto di transizione al cambiamento di una pagina.

Corsi
Corso CSSCorso CSS
Web Design ed Accessibilità secondo il W3C con CSS ed XHTML. A partire da 29 €.
Corso HTMLCorso HTML
Il linguaggio di marcatura per il Web. A partire da 29 €.
Corso Web DesignCorso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML. A partire da 39 €.
Vedi anche...
Annunci

Mr.Webmaster

Pubblicità
Chi Siamo
Contattaci
Collabora
Note Legali
© 2003 - 2012 Mr.Webmaster - Il portale dei Webmaster Italiani - Tutti i diritti riservati | Powered by IKIweb Internet Media S.r.l. - PIVA 02848390122