La nostra nuova rubrica firmata Revenant

29/08/11

HTML - Head

Nella prima guida sull'html abbiamo accennato ai tag head, ora vediamo un po' cosa ci permette di fare.

Sappiamo già dove vanno inseriti questi tag e sappiamo anche che ciò che conterrà non sarà direttamente visibile come ciò che c'è dentro body ma avrà comunque una grandissima influenza sulla pagina. Non ci resta che vedere quali tag è possibile mettere nell'head:



- <title> </title> : In questo tag dovremo mettere il titolo della pagina (verrà visualizzato sul nome della scheda nel browser


<head>
 <title>Il nostro amatissimo titolo</title>
</head>


- <link />  : Tag utile per mettere in qualche tipo di relazione una risorsa esterna alla pagina, l'esempio più comune è quello del css, attravarso il quale possiamo inglobare un foglio di stile per tutta la pagina


<head>
 <link rel="stylesheet" type="text/css" href="fogliodistile.css" />
</head>

- <style> </style> : Utilizzato per inserire del codice css direttamente nella pagina


<head>
  <style type="text/css">
    body {background-color:blue}
    p {color:black}
  </style>
</head>


- <meta name="description" /> : Tag utilizzato per inserire una descrizione per il sito, utile in particolar modo per i motori di ricerca


<head>
 <meta name="description" content="Descrizione del nostro titolo">
</head>


- <meta name="keywords" /> : Simile a quello precedente ma serve ad inserire le parole chiave per far trovare il sito dai motori di ricerca


<head>
  <meta name=" keywords " content="parola chiave 1, parola chiave 2, parola chiave 3">
</head>


E con questo dovremmo aver finito i tag più comunemente usati nell'head.. dalla prossima guida entriamo nel vivo dell'html.

Revenant

 

Nessun commento:

Posta un commento