Questo glossario fornisce un elenco completo dei tag del linguaggio HTML ↗ (HyperText Markup Language), organizzati per categoria e in ordine alfabetico. Comprendere il significato e l'utilizzo di questi tag è fondamentale per costruire la struttura delle pagine web, secondo gli standard definiti dal World Wide Web Consortium (W3C) ↗.
Ogni voce include il nome del tag e una breve descrizione della sua funzione. La maggior parte dei tag HTML sono "contenitori" e richiedono un tag di apertura (<tag>) e un tag di chiusura (</tag>). Alcuni tag sono "vuoti" (void elements) e non richiedono un tag di chiusura.
Questi tag definiscono la struttura fondamentale di un documento HTML.
<!DOCTYPE html>: Dichiara il tipo di documento e la versione di HTML (per HTML5).
<html>: L'elemento radice di una pagina HTML.
<head>: Contiene metadati sul documento, come il titolo, i collegamenti a fogli di stile e script.
<body>: Contiene tutto il contenuto visibile della pagina web.
Questi tag forniscono informazioni sul documento che non vengono visualizzate direttamente nella pagina.
<base>: Specifica l'URL base per tutti gli URL relativi in un documento.
<link>: Collega il documento a risorse esterne, come fogli di stile CSS.
<meta>: Fornisce metadati sul documento HTML, come la codifica dei caratteri, la descrizione o le parole chiave.
<style>: Definisce le informazioni di stile (CSS) per un documento.
<title>: Definisce il titolo del documento (mostrato nella barra del titolo del browser o nella scheda).
Questi tag definiscono le diverse sezioni di una pagina web.
<address>: Definisce le informazioni di contatto per l'autore/proprietario di un documento o di un articolo.
<article>: Specifica contenuto autonomo e indipendente.
<aside>: Definisce contenuto a parte dal contenuto principale (es. sidebar).
<footer>: Definisce il piè di pagina (footer) di un documento o di una sezione.
<header>: Definisce l'intestazione (header) di un documento o di una sezione.
<hgroup>: Raggruppa un insieme di tag di intestazione (<h1> a <h6>).
<main>: Specifica il contenuto principale di un documento.
<nav>: Definisce un insieme di link di navigazione.
<section>: Definisce una sezione in un documento.
Questi tag sono usati per raggruppare o dividere il contenuto.
<blockquote>: Specifica una sezione citata da un'altra fonte.
<div>: Un elemento contenitore generico a livello di blocco.
<dd>: Definisce la descrizione di un termine in una lista di definizioni (<dl>).
<dl>: Definisce una lista di definizioni.
<dt>: Definisce un termine (un elemento) in una lista di definizioni (<dl>).
<figcaption>: Didascalia per un elemento <figure>.
<figure>: Specifica contenuto autonomo, come illustrazioni, diagrammi, foto, listati di codice, ecc.
<hr>: Crea una linea orizzontale (tema break). (Elemento vuoto)
<li>: Definisce un elemento di lista in un elenco ordinato (<ol>) o non ordinato (<ul>).
<ol>: Definisce un elenco ordinato.
<p>: Definisce un paragrafo.
<pre>: Definisce testo preformattato.
<ul>: Definisce un elenco non ordinato.
Questi tag aggiungono significato semantico a parti di testo.
<abbr>: Definisce un'abbreviazione o un acronimo.
<b>: Applica uno stile grassetto al testo (stilistico, non semantico).
<bdi>: Isola una parte di testo che potrebbe essere formattata in una direzione diversa rispetto al testo circostante.
<bdo>: Sovrascrive la direzione corrente del testo.
<br>: Inserisce un'interruzione di riga singola. (Elemento vuoto)
<cite>: Definisce il titolo di un'opera creativa (es. libro, canzone, film).
<code>: Definisce un frammento di codice di programmazione.
<data>: Collega il contenuto a una traduzione leggibile dalla macchina.
<dfn>: Specifica un termine che viene definito all'interno del contenuto.
<em>: Definisce testo enfatizzato (solitamente visualizzato in corsivo).
<i>: Applica uno stile corsivo al testo (stilistico, non semantico).
<kbd>: Definisce input da tastiera.
<mark>: Definisce testo marcato o evidenziato.
<q>: Definisce una breve citazione inline.
<rp>: Definisce cosa mostrare nei browser che non supportano le annotazioni ruby (<ruby>).
<rt>: Definisce una spiegazione/pronuncia dei caratteri (per la tipografia East Asian ruby).
<ruby>: Definisce un'annotazione ruby (per mostrare caratteri East Asian).
<s>: Definisce testo che non è più corretto o rilevante.
<samp>: Definisce output di esempio da un programma per computer.
<small>: Definisce testo più piccolo.
<strong>: Definisce testo importante.
<sub>: Definisce testo in pedice.
<sup>: Definisce testo in apice.
<time>: Definisce data/ora.
<u>: Applica uno stile di sottolineatura al testo (stilistico, non semantico).
<var>: Definisce una variabile in programmazione o matematica.
<wbr>: Specifica un punto di interruzione di riga potenziale. (Elemento vuoto)
Questi tag creano collegamenti e elementi interattivi.
<a>: Definisce un collegamento ipertestuale.
<area>: Definisce un'area all'interno di una mappa immagine (<map>) con un collegamento. (Elemento vuoto)
<map>: Definisce una mappa immagine lato client.
Questi tag incorporano immagini, audio e video.
<audio>: Definisce contenuto audio.
<img>: Definisce un'immagine. (Elemento vuoto)
<track>: Definisce tracce di testo per elementi multimediali (<audio> e <video>). (Elemento vuoto)
<video>: Definisce contenuto video.
Questi tag vengono utilizzati per creare tabelle di dati.
<caption>: Definisce la didascalia di una tabella.
<col>: Specifica le proprietà delle colonne per ogni colonna all'interno di un elemento <colgroup>. (Elemento vuoto)
<colgroup>: Specifica un gruppo di una o più colonne in una tabella per la formattazione.
<table>: Definisce una tabella.
<tbody>: Raggruppa il contenuto del corpo in una tabella.
<td>: Definisce una cella standard in una tabella.
<tfoot>: Raggruppa il contenuto del piè di pagina in una tabella.
<th>: Definisce una cella di intestazione in una tabella.
<thead>: Raggruppa il contenuto dell'intestazione in una tabella.
<tr>: Definisce una riga in una tabella.
Questi tag vengono utilizzati per creare moduli interattivi per la raccolta di input dall'utente.
<button>: Definisce un pulsante cliccabile.
<datalist>: Specifica un elenco di opzioni predefinite per i controlli di input.
<fieldset>: Raggruppa elementi correlati in un modulo.
<form>: Definisce un modulo HTML per l'input dell'utente.
<input>: Definisce un controllo di input. (Elemento vuoto)
<label>: Definisce un'etichetta per un elemento <input>.
<legend>: Definisce una didascalia per un elemento <fieldset>.
<meter>: Definisce una misurazione scalare all'interno di un intervallo noto (un gauge).
<optgroup>: Raggruppa opzioni correlate in un elenco a discesa (<select>).
<option>: Definisce un'opzione in un elenco a discesa (<select>).
<output>: Definisce il risultato di un calcolo.
<progress>: Rappresenta l'avanzamento di un'attività.
<select>: Definisce un elenco a discesa.
<textarea>: Definisce un controllo di input multilinea (area di testo).
Questi tag sono usati per incorporare o collegare script (come JavaScript).
<canvas>: Usato per disegnare grafica al volo tramite scripting (solitamente JavaScript).
<noscript>: Definisce un contenuto alternativo per gli utenti che hanno disabilitato gli script nel loro browser o che hanno un browser che non li supporta.
<script>: Definisce uno script lato client (JavaScript).
Questi tag non sono più raccomandati per l'uso in HTML5 e versioni successive. Sono inclusi per completezza, ma dovrebbero essere evitati nei nuovi progetti.
<acronym>: Deprecato in HTML5. Usare <abbr> invece.
<applet>: Deprecato in HTML5. Usare <embed> o <object> invece.
<basefont>: Deprecato in HTML5. Usare CSS invece.
<big>: Deprecato in HTML5. Usare CSS invece.
<center>: Deprecato in HTML5. Usare CSS invece.
<dir>: Deprecato in HTML5. Usare <ul> invece.
<font>: Deprecato in HTML5. Usare CSS invece.
<frame>: Deprecato in HTML5.
<frameset>: Deprecato in HTML5.
<iframe>: Definisce un frame inline. (Ancora supportato, ma l'uso di frame è generalmente sconsigliato per l'accessibilità e la SEO).
<isindex>: Deprecato in HTML5. Usare moduli di input.
<noframes>: Deprecato in HTML5.
<strike>: Deprecato in HTML5. Usare <s> o CSS invece.
<tt>: Deprecato in HTML5. Usare CSS invece.
Questo glossario ti servirà come riferimento rapido durante la creazione delle tue pagine web. Ricorda che l'uso corretto e semantico dei tag è fondamentale per creare siti web accessibili, ben strutturati e ottimizzati per i motori di ricerca, in linea con gli standard del W3C.