Tag HTML <head>


Esempio

Un semplice documento HTML, con un tag <title> all'interno della sezione head:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Title of the document</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L' <head>elemento è un contenitore di metadati (dati sui dati) e si trova tra il tag <html> e il tag <body>.

I metadati sono dati relativi al documento HTML. I metadati non vengono visualizzati.

I metadati in genere definiscono il titolo del documento, il set di caratteri, gli stili, gli script e altre metainformazioni.

I seguenti elementi possono entrare all'interno <head>dell'elemento:


Supporto browser

Element
<head> Yes Yes Yes Yes Yes


Attributi globali

Il <head>tag supporta anche gli attributi globali in HTML .


Altri esempi

Esempio

Il tag <base> (specifica un URL predefinito e un target per tutti i link su una pagina) va all'interno di <head>:

<html>
<head>
  <base href="https://www.w3schools.com/" target="_blank">
</head>
<body>

<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>

</body>
</html>

Esempio

Il tag <style> (aggiunge informazioni sullo stile a una pagina) va all'interno di <head>:

<html>
<head>
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

Esempio

Il tag <link> (collega a un foglio di stile esterno) va all'interno di <head>:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>

</body>
</html>

Pagine correlate

Tutorial HTML: Testa HTML

Riferimento HTML DOM: Oggetto Head


Impostazioni CSS predefinite

La maggior parte dei browser visualizzerà l' <head>elemento con i seguenti valori predefiniti:

head {
  display: none;
}