Elementi di intestazione HTML

Più esempi

Titolo del documento
L'etichetta <title> definisce il titolo del documento.
Tutti i link con un obiettivo
Come utilizzare l'etichetta base per aprire tutti i tag della pagina in una nuova finestra.
Descrizione del documento
Usare l'elemento <meta> per descrivere il documento.
Parole chiave del documento
Usare l'elemento <meta> per definire le parole chiave del documento.
Redirezionare l'utente
Come redirezionare l'utente a un nuovo indirizzo web.

L'elemento <head> di HTML

L'elemento <head> è il contenitore di tutti gli elementi di testa. Gli elementi all'interno di <head> possono includere script, indicare dove il browser può trovare i fogli di stile, fornire informazioni meta, ecc.

I seguenti tag possono essere aggiunti alla sezione <head>：<title>、<base>、<link>、<meta>、<script> e <style>。

L'elemento <title> di HTML

Il tag <title> definisce il titolo del documento.

L'elemento title è obbligatorio in tutti i documenti HTML/XHTML.

L'elemento title può:

  • Definire il titolo nella barra degli strumenti del browser
  • Il titolo visualizzato quando la pagina viene aggiunta ai favoriti
  • Il titolo della pagina visualizzato nei risultati dei motori di ricerca

Un documento HTML semplificato:

<!DOCTYPE html>
<html>
<head>
<title>Titolo del documento</title>
</head>
<body>
Il contenuto del documento......
</body>
</html>

L'elemento <base> di HTML

Il tag <base> definisce l'indirizzo predefinito o il target predefinito (target) per tutti i link nella pagina:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

L'elemento <link> di HTML

Il tag <link> definisce il rapporto tra il documento e le risorse esterne.

Il tag <link> viene utilizzato più frequentemente per connettere fogli di stile:

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

L'elemento <style> di HTML

Il tag <style> viene utilizzato per definire informazioni di stile per un documento HTML.

Puoi definire lo stile degli elementi HTML all'interno dell'elemento style nel browser:

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

L'elemento <meta> di HTML

I metadata (metadata) sono informazioni riguardanti i dati.

Il tag <meta> fornisce informazioni metadata sull'HTML documento. I metadata non vengono visualizzati sulla pagina, ma sono leggibili dalle macchine.

Nel caso tipico, l'elemento meta viene utilizzato per definire la descrizione della pagina, le parole chiave, l'autore del documento, l'ora dell'ultima modifica e altri metadati.

Il tag <meta> è sempre presente all'interno dell'elemento <head>.

I metadati possono essere utilizzati nei browser (come visualizzare il contenuto o ricaricare la pagina), nei motori di ricerca (parole chiave) o altri servizi web.

Parole chiave per i motori di ricerca

Alcuni motori di ricerca utilizzano gli attributi name e content degli elementi meta per indicizzare la tua pagina.

Il seguente elemento meta definisce la descrizione della pagina:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

Il seguente elemento meta definisce le parole chiave della pagina:

<meta name="keywords" content="HTML, CSS, XML" />

L'azione degli attributi name e content è descrivere il contenuto della pagina.

Elemento <script> HTML

L'etichetta <script> viene utilizzata per definire script client-side, come JavaScript.

Spiegheremo l'elemento script in una sezione successiva.

Elementi di intestazione HTML

Etichetta Descrizione
<head> Definire le informazioni del documento.
<title> Definire il titolo del documento.
<base> Definire l'indirizzo predefinito o il destinatario predefinito di tutti i link nella pagina.
<link> Definire il rapporto tra il documento e le risorse esterne.
<meta> Definire i metadati del documento HTML.
<script> Definire lo script client-side.
<style> Definire le informazioni di stile del documento.