English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial di HTML

Media HTML

Manuale di riferimento HTML

Corso di base HTML5

API HTML5

Media HTML5

Elementi di intestazione HTML

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

Visualizza l'esempio online

<title> - Definisce il titolo del documento HTML
Usa il tag <title> per definire il titolo del documento HTML

<base> - Definisce l'URL di tutti i link
Usa <base> per definire l'indirizzo di destinazione predefinito di tutti i link nella pagina.

<meta> - Fornisce i tag meta del documento HTML
Usa l'elemento <meta> per descrivere la descrizione, le parole chiave, l'autore, il set di caratteri del documento HTML.

L'elemento <head> di HTML

L'elemento <head> contiene tutti gli elementi dei tag di testa. In Nell'elemento <head> puoi inserire script (scripts), file di stile (CSS) e vari meta informazioni.

Le etichette degli elementi che possono essere aggiunti nell'area di testa sono: <title>, <style>, <meta>, <link>,   <script>, <noscript>, and <base>.

L'elemento <title> di HTML

L'elemento <title> definisce il titolo di diversi documenti.

L'elemento <title> è obbligatorio nei documenti HTML/XHTML.

L'elemento <title>:

  • Definisce il titolo della barra degli strumenti del browser

  • Titolo visualizzato nella raccolta dei favoriti quando la pagina web viene aggiunta ai favoriti

  • Titolo visualizzato nella pagina dei risultati di ricerca dei motori di ricerca

Un semplice documento HTML:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Titolo del documento HTML</title>
</head>
 
<body>
Contenuto del documento HTML......
</body>
 
</html>
Prova a vedere ‹/›

L'elemento <base> di HTML

Il tag <base> descrive l'indirizzo di base/destinazione dei link, che viene utilizzato come link predefinito per tutti i tag di link nel documento HTML:

<head>
<base href="https://it.oldtoolbag.com/images/" 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 solitamente per collegarsi a tabelle di stile:

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

L'elemento <style> di HTML

Il tag <style> definisce l'indirizzo di riferimento del file di stile del documento HTML.

Puoi anche aggiungere direttamente stili all'elemento <style> per rendere il documento HTML:

<head>
<style type="text/css">
/*Definì il colore di sfondo della pagina web*/
body {background-color:red}
p {color:green}
</style>
</head>

Elemento <meta> HTML

Il tag meta descrive alcuni metadati di base.

Il tag <meta> fornisce metadati. I metadati non vengono visualizzati sulla pagina, ma vengono analizzati dal browser.

L'elemento META viene utilizzato per specificare la descrizione del sito web, le parole chiave, l'ora dell'ultima modifica del file, l'autore e altri metadati.

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

Il tag <meta> viene solitamente posizionato nella regione <head>.

Esempio di utilizzo del tag <meta>

Definì le parole chiave per i motori di ricerca (keywords):

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">

Definì il contenuto della descrizione della pagina web (description):

<meta name="description" content="Tutoriale gratuito online di base">

Definì l'adattamento per dispositivi mobili e PC per la pagina web (viewport):

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Definì l'autore della pagina web (author):

<meta name="author" content="w3codebox">

Aggiorna la pagina corrente ogni 10 secondi (Refresh):

<meta http-equiv="refresh" content="10">

Elemento <script> HTML

Il tag <script> viene utilizzato per caricare file di script, come: JavaScript.

<script> L'elemento <script> sarà descritto in dettaglio nei capitoli successivi.

Elemento head HTML

TagDescrizione
<head>Definì le informazioni del documento
<title>Definì il titolo del documento
<base>Definì l'indirizzo di default del link di etichetta della pagina
<link>Definì una relazione tra un documento e risorse esterne
<meta>Definisce i metadati del documento HTML
<script>File di script che definisce il file di script client
<style>File di stile che definisce lo stile del documento HTML