Tag HTML <head>

Definizione e uso

<head> L'elemento è il contenitore dei metadati (informazioni sui dati), situato all'interno <html> tag e <body> tag tra

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

I metadati definiscono il titolo del documento, il set di caratteri, lo stile, lo script e altre informazioni meta. I metadati non vengono visualizzati.

Gli elementi seguenti possono essere posizionati all'interno <head> all'interno dell'elemento:

Descrizione dettagliata

<head> Il tag <head> viene utilizzato per definire la testa del documento, essendo il contenitore di tutti gli elementi di testa.<head> Gli elementi all'interno possono richiamare script, indicare al browser dove trovare le tabelle di stile, fornire metainformazioni, ecc.

La testa del documento descrive vari attributi e informazioni del documento, tra cui il titolo del documento, la posizione nel Web e le relazioni con altri documenti. La maggior parte dei dati nella testa del documento non vengono visualizzati effettivamente ai lettori.

Ogni documento HTML dovrebbe includere un elemento head, che deve contenere un Elemento title.

<title> tag Definisce il titolo del documento, che è l'unico elemento obbligatorio nella sezione head.

Vedi anche:

Tutorial HTML:Testata HTML

Manuale di riferimento del DOM HTML:Oggetto Head

Esempio

Esempio 1

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

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>Titolo del documento</title>
  </head>
  <body>
    <h1>Questo è un titolo</h1>
    <p>Questo è un paragrafo.</p>
  </body>
</html>

Prova tu stesso

Esempio 2

<base> tag(Definisce l'URL predefinita e il target di tutti i link nella pagina)，collocato all'interno di <head>:

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Albero">
  <a href="tags/tag_base.asp">Tag base HTML</a>
</body>
</html>

Prova tu stesso

Esempio 3

<style> tag(Aggiungi informazioni di stile alla pagina)，collocato all'interno di <head>:

<html>
  <head>
    <style>
      h1 {colore:red;}
      p {colore:blu;}
    </style>
  </head>
  <body>
    <h1>Un titolo</h1>
    <p>Un paragrafo.</p>
  </body>
</html>

Prova tu stesso

Esempio 4

Tag <link>(collegato a uno stile esterno), situato all'interno di <head>:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>Ho usato uno stile di link per la formattazione.</h1>
    <p> anch'io!</p>
  </body>
</html>

Prova tu stesso

Proprietà globali

<head> I tag supportano anche Proprietà globali HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <head> Elemento:

head {
  display: none;
}

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto