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;
}