I principali tag per head

<!DOCTYPE html>
<html>
    <head>
        <title>Titolo di esempio</title>
      <!-- indica il percorso base dell'url (vedi link nel body) -->  
      <base href="http://www.example.com/ciao/index.html">
       
      <!-- link -->
      <!--il tag link indica un link ad una risorsa. L'attributo href indica il percorso di questa risorsa, mentre il rel la tipologia 
      Ecco alcuni esempi di utilizzo di link + rel: -->
      <!-- indicare il percorso di un feed rss -->
      <link rel="alternate" type="application/rss+xml" title="Feed RSS" href="http://webdesign.acqualiofilizzata.it/feed/" />
      <!-- il percorso del foglio di stile che la pagina dovrà adottare -->
      <link rel='stylesheet' id='open-sans-css'  href='https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&#038;subset=latin%2Clatin-ext&#038;ver=4.3.1' type='text/css' media='all' />
      <!-- il link ad un'icona -->
      <link rel="icon" href="/favicon.ico" type="image/x-icon">
      <!-- se il documento è parte di una serie (come in un blog) possiamo indicare il precedente-->
      <link rel='prev' title='Struttura Base di un documento Html' href='http://webdesign.acqualiofilizzata.it/struttura-base-di-un-documento-html/' />
      <!-- una versione alternativa dello stesso documento -->
      <link rel=alternate href="/en/pdf" hreflang="en" type="application/pdf" title="English PDF">
      
      
      <!--meta -->
      <!-- i tag meta indicano informazioni aggiuntive per il browser o per i motori di ricerca (o per i curiosi). Negli attributi con name, indichiamo il tipo di informazione, in content l'informazione vera e propria -->
      <!-- con quale sistema cms è gnerato il sito -->
      <meta name="generator" content="WordPress 4.3.1" />
      <!-- le indicazioni per i crowler -->
      <meta name='robots' content='noindex,follow' />
      <!-- un tempo i meta kword e descrption erano fondamentali per un buon posizionamento su google -->
      <!-- meta può contenere anche delle direttive per il browser: -->
      <!-- che set di caratteri usare -->
      <meta charset="utf-8">
      <!--o schedulare un refresh on 300 secondi -->
      <meta http-equiv="Refresh" content="1">
      
      <!-- style consente di specificare parti di foglio di stile direttamente nel documento -->
      <style type="text/css" media="screen">
   body { color: #ff0; background: #f00; }
   a{ color: #fff; }
  </style>
    </head>
    
  <body>
      <!-- avendo impostato il tag base, tutti i path relativi dichiarati nel documento verranno costruiti tenendo conto dell'attributo href di base quindi nell'esempio il collegamento "vai all'archivio" punterà a http://www.example.com/ciao/archives.html -->
        <p><a href="archives.html">Vai all'archivio</a>.</p>
    </body>
</html>

See the Pen JYEOVK by Mariachiara Pezzotti (@merissimissima) on CodePen.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.