Il tag <HTML> in HTML

In questa lezione del corso online sul linguaggio HTML ti spiego cos'è il tag <html> e quale è la sua funzione all'interno di una pagina web.

<html> </html>

Il tag <html> è il punto di partenza di ogni pagina web perché il documento html deve essere sempre incluso tra il tag di apertura <html> e il tag di chiusura </html>

Si tratta del primo elemento presente in un codice HTML dopo il <!doctype>

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>

A cosa serve?

I tag <!doctype> e <html> indicano al browser che il documento è scritto nel linguaggio HTML.

Senza questi tag il browser non saprebbe come interpretare il contenuto della pagina o non sarebbe in grado di visualizzarlo correttamente. La pagina web non sarebbe riconosciuta come tale.

In altre parole, il tag <html> è un'etichetta che identifica il file come una pagina web o più in generale come documento html.

Nota. Il tag <html> è l'acronimo di Hypertext Markup Language, il linguaggio di markup utilizzato per creare le pagine web e i documenti ipertestuali in generale. Le pagine web sono solo una parte dei documenti html. Si tratta di un insieme di istruzioni che i browser usano per interpretare correttamente il contenuto di una pagina, organizzare e formattare il testo come impostato dall'autore del documento e visualizzarlo in modo leggibile sul browser degli utenti.

Ti faccio un esempio pratico.

Ecco un esempio di documento html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cos'è il tag HTML e a cosa serve</title>
</head>
<body>
<h1>Hello World</h1>
<p>In questo articolo ti spiego come funziona il tag HTML e come usarlo correttamente.</p>
</body>
</html>

Nota. In questo codice i tag più interni hanno un rientro più a destra rispetto a quelli più esterni. Questa tecnica è detta indentazione. E' solo un modo per rendere il codice html più leggibile, in quanto è più facile capire cosa è compreso tra un tag di apertura e un tag di chiusura. In realtà non è necessario farlo. Anzi, nel caso delle pagine web ti conviene eliminare gli spazi vuoti inutili dal documento per ridurre il peso in Byte del file di testo. In questo modo e più veloce l'operazione di scaricamento (download) della pagina web dal server al PC dell'utente (client) tramite la rete internet e di visualizzazione sul browser dell'utente.

Nel tag <html> puoi specificare altre informazioni importanti sulla pagina web.

Ad esempio, il tag <html> ha un attributo lang in cui puoi specificare la lingua utilizzata nel documento.

In questo caso è l'italiano lang="it"

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Il tag HTML e la sua importanza</title>
</head>
<body>
<h1>Hello World</h1>
<p>In questo articolo ti spiego come funziona il tag HTML e come usarlo correttamente.</p>
</body>
</html>

Puoi usare il codice "en" per la lingua inglese, il codice "fr" per la lingua francese, "es" per la lingua spagnola, "de" per la lingua tedesca, ecc.

All'interno del doppio tag <html> e </html> c'è l'intero documento html che è suddiviso in due sezioni principali.

La sezione <head> </head>
Il tag <head> contiene le informazioni per la corretta visualizzazione della pagina sul browser dell'utente. Ad esempio, il titolo, la codifica, le parole chiave per i motori di ricerca, ecc. Questa sezione è una sezione di servizio perché non è visualizzata sul browser dell'utente.
La sezione <body> </body>
Il tag <body> contiene il contenuto testuale vero e proprio del documento. Alcune parti della sezione body sono i contenuti e i testi che saranno visualizzati sul browser dell'utente. Altre parti sono invece i tag di formattazione, non visibili sullo schermo, che danno indicazioni utili al browser sull'organizzazione e la visualizzazione del testo. Ad esempio, la disposizione dei contenuti in diverse aree dello schermo.

In conclusione, il tag <html> è un elemento essenziale nella creazione di una pagina web.

Oltre a identificare il file come una pagina HTML, ti permette a di specificare informazioni importanti per la corretta visualizzazione e per l'indicizzazione della pagina sui motori di ricerca.