Tabella dei tag HTML

Questa pagina è un indice di riferimento rapido dei tag HTML, raggruppati per scopo: struttura di base, formattazione del testo, moduli, tabelle, media, semantica, metadati e scripting. Ogni riga rimanda a un capitolo completo con esempi, attributi e supporto del browser. Usala per scoprire cosa fa un tag e dove si usa, poi segui il collegamento per i dettagli.

Nella tabella compaiono due indicatori:

(HTML5) — l'elemento è stato introdotto in HTML5. Fa parte dello standard attuale ed è sicuro da usare nei browser moderni.
(Obsoleto) — l'elemento è stato rimosso dallo standard HTML. I browser potrebbero ancora visualizzarlo per compatibilità con le versioni precedenti, ma non dovresti usarlo nel nuovo codice. Il sostituto consigliato è indicato nella descrizione. Consulta Tag HTML deprecati per l'elenco completo e le alternative moderne.

La maggior parte dei tag sono in coppia — un tag di apertura come <p> e un tag di chiusura </p> che racchiudono il contenuto. Alcuni (ad esempio <br>, <hr> e <img>) sono elementi void privi di tag di chiusura. Per un approfondimento su come tag, elementi e attributi si combinano, consulta Elementi HTML e Attributi HTML.

Tag di base

Tag	Descrizione
`<!DOCTYPE>`	Imposta il tipo del documento.
`<html>`	Definisce un documento HTML.
`<head>`	Contiene informazioni generali (metadati) sul documento.
`<title>`	Imposta il titolo del documento.
`<body>`	Specifica il corpo del documento.
`<h1>` to `<h6>`	Definisce le intestazioni HTML.
`<p>`	Definisce un paragrafo.
`<br>`	Specifica un'interruzione di riga.
`<hr>`	Inserisce una linea orizzontale o definisce un'interruzione tematica.
<!-- ... -->	Definisce un commento.

Tag di formattazione

I tag di formattazione indicano il significato o l'aspetto di frammenti di testo. Molti dei vecchi tag presentazionali presenti qui sono (Obsoleti) — usa CSS per la stilizzazione visiva.

Tag	Descrizione
`<abbr>`	Definisce un'abbreviazione o un acronimo.
`<acronym>`	(Obsoleto) Definisce un acronimo. Usa `<abbr>` al suo posto.
`<address>`	Specifica le informazioni di contatto per l'autore/proprietario di un documento o articolo.
`<b>`	Visualizza il testo in grassetto.
`<bdi>`	(HTML5) Isola un frammento di testo dal contesto circostante per la formattazione bidirezionale del testo.
`<bdo>`	Sostituisce la direzione del testo corrente.
`<big>`	(Obsoleto) Visualizza il testo in dimensioni maggiori. Usa CSS al suo posto.
`<blockquote>`	Definisce una citazione lunga (a livello di blocco).
`<center>`	(Obsoleto) Visualizza il contenuto centrato. Usa CSS al suo posto.
`<cite>`	Contrassegna un riferimento (titolo, autore o URL) a un'opera creativa citata.
`<code>`	Definisce un frammento di codice informatico.
`<del>`	Specifica testo eliminato.
`<dfn>`	Contrassegna l'istanza definitoria di un termine.
`<em>`	Specifica testo enfatizzato.
`<font>`	(Obsoleto) Imposta il carattere, il colore e la dimensione del testo. Usa CSS al suo posto.
`<i>`	Visualizza il testo in corsivo.
`<ins>`	Definisce testo inserito in un documento.
`<kbd>`	Specifica l'input da tastiera.
`<mark>`	(HTML5) Contrassegna/evidenzia il testo.
`<meter>`	(HTML5) Definisce una misurazione scalare entro un intervallo noto (un indicatore).
`<pre>`	Definisce testo preformattato.
`<progress>`	(HTML5) Indica l'avanzamento del completamento di un'attività (barra di avanzamento).
`<q>`	Definisce una citazione breve, inline.
`<rp>`	(HTML5) Fornisce parentesi di fallback per i browser che non supportano le annotazioni ruby.
`<rt>`	(HTML5) Definisce la pronuncia dei caratteri in un'annotazione ruby (per la tipografia dell'Asia orientale).
`<ruby>`	(HTML5) Rappresenta un'annotazione ruby (per la tipografia dell'Asia orientale).
`<s>`	Visualizza testo non più accurato in stile barrato.
`<samp>`	Imposta l'output di esempio di un programma per computer.
`<small>`	Visualizza il testo in dimensioni ridotte (commenti secondari, note a piè di pagina).
`<strike>`	(Obsoleto) Definisce testo barrato. Usa `<del>` o `<s>` al suo posto.
`<strong>`	Definisce testo di grande importanza.
`<sub>`	Definisce testo in pedice.
`<sup>`	Definisce testo in apice.
`<time>`	(HTML5) Definisce una data/ora.
`<tt>`	(Obsoleto) Visualizza il testo in stile telescrivente (monospace). Usa CSS al suo posto.
`<u>`	Visualizza il testo con un'annotazione non testuale, visualizzata sottolineata per impostazione predefinita.
`<var>`	Definisce una variabile.
`<wbr>`	(HTML5) Definisce un possibile punto di interruzione di riga.

Tag per i moduli

Tag	Descrizione
`<form>`	Specifica un modulo HTML per l'input dell'utente.
`<input>`	Definisce un controllo di input.
`<textarea>`	Imposta un controllo di input testuale multiriga (area di testo).
`<button>`	Definisce un pulsante cliccabile all'interno di un modulo HTML.
`<select>`	Definisce un elenco di selezione all'interno di un modulo.
`<optgroup>`	Raggruppa le opzioni correlate in un elenco di selezione.
`<option>`	Definisce un'opzione in un elenco di selezione.
`<label>`	Imposta un'etichetta per un elemento `<input>`.
`<fieldset>`	Raggruppa elementi correlati in un modulo.
`<legend>`	Imposta un titolo per un elemento `<fieldset>`.
`<datalist>`	(HTML5) Contiene un insieme di opzioni predefinite per un elemento `<input>`.
`<keygen>`	(Obsoleto) Generava una coppia di chiavi per l'invio del modulo. Rimosso dallo standard; nessun sostituto diretto.
`<output>`	(HTML5) Definisce il risultato di un calcolo.

Tag per i frame

I frameset dividono la finestra del browser in documenti indipendenti. Sono (Obsoleti) in HTML5 — usa <iframe> o il layout CSS al loro posto.

Tag	Descrizione
`<frame>`	(Obsoleto) Specifica un singolo frame all'interno di un frameset.
`<frameset>`	(Obsoleto) Specifica un insieme di frame.
`<noframes>`	(Obsoleto) Fornisce contenuto alternativo per i browser che non supportano i frame.
`<iframe>`	Incorpora un altro documento in un frame inline.

Tag per le immagini

Tag	Descrizione
`<img>`	Specifica un'immagine.
`<map>`	Specifica una mappa immagine lato client.
`<area>`	Definisce un'area interattiva all'interno di una mappa immagine.
`<canvas>`	(HTML5) Una superficie di disegno per il rendering grafico al volo tramite scripting (di solito JavaScript).
`<figcaption>`	(HTML5) Definisce una didascalia per un elemento `<figure>`.
`<figure>`	(HTML5) Definisce contenuto autonomo, come un'illustrazione o un diagramma.
`<picture>`	(HTML5) Contenitore per più risorse di immagini specificate negli elementi `<source>`.
`<svg>`	(HTML5) Contenitore per grafica SVG inline.

Tag audio/video

Tag	Descrizione
`<audio>`	(HTML5) Incorpora contenuto audio.
`<source>`	(HTML5) Specifica risorse multimediali alternative per `<video>`, `<audio>` o `<picture>`.
`<track>`	(HTML5) Aggiunge una traccia testuale (didascalie, sottotitoli) per `<video>` e `<audio>`.
`<video>`	(HTML5) Incorpora contenuto video.

Tag per i collegamenti

Tag	Descrizione
`<a>`	Definisce un collegamento ipertestuale.
`<link>`	Collega il documento corrente a una risorsa esterna (comunemente un foglio di stile CSS esterno).
`<nav>`	(HTML5) Definisce un blocco di collegamenti di navigazione.

Tag per le liste

Tag	Descrizione
`<ul>`	Definisce un elenco non ordinato.
`<ol>`	Definisce un elenco ordinato.
`<li>`	Definisce un elemento di elenco.
`<dir>`	(Obsoleto) Definisce un elenco di directory. Usa `<ul>` al suo posto.
`<dl>`	Definisce un elenco di descrizioni (definizioni).
`<dt>`	Definisce un termine/nome in un elenco di descrizioni.
`<dd>`	Definisce la descrizione di un termine in un elenco di descrizioni.
`<menu>`	Definisce un elenco (menu) di comandi.
`<menuitem>`	(Obsoleto) Definiva un comando in un menu contestuale. Rimosso dallo standard e non supportato nei browser moderni.

Tag per le tabelle

Tag	Descrizione
`<table>`	Definisce una tabella.
`<caption>`	Definisce il titolo della tabella.
`<th>`	Definisce una cella di intestazione in una tabella.
`<tr>`	Definisce una riga di celle in una tabella.
`<td>`	Definisce una cella in una tabella.
`<thead>`	Raggruppa un insieme di righe che descrivono le etichette delle colonne di una tabella.
`<tbody>`	Raggruppa un insieme di righe che definiscono il corpo principale dei dati della tabella.
`<tfoot>`	Definisce un piè di pagina di una tabella.
`<col>`	Definisce i valori per una o più colonne in un elemento `<colgroup>`.
`<colgroup>`	Specifica un gruppo di una o più colonne in una tabella per la formattazione.

Tag generici (presentazionali)

Questi tag non hanno un significato intrinseco. Sono contenitori che si stilizzano con CSS. Utilizzali solo quando non si adatta nessun elemento semantico.

Tag	Descrizione
`<div>`	Definisce un contenitore generico a livello di blocco.
`<span>`	Definisce un contenitore generico inline.
`<style>`	Contiene informazioni di stile (comunemente CSS) per il documento.

Tag semantici

Gli elementi semantici descrivono il significato del loro contenuto, aiutando browser, motori di ricerca e tecnologie assistive. Consulta Elementi semantici in HTML5.

Tag	Descrizione
`<header>`	(HTML5) Definisce un'intestazione o un blocco di contenuto introduttivo.
`<footer>`	(HTML5) Definisce un piè di pagina per un documento o una sezione.
`<main>`	(HTML5) Specifica il contenuto dominante del documento.
`<section>`	(HTML5) Definisce un raggruppamento tematico di contenuti.
`<article>`	(HTML5) Definisce contenuto autonomo e distribuibile indipendentemente.
`<aside>`	(HTML5) Definisce contenuto correlato tangenzialmente al contenuto circostante.
`<details>`	(HTML5) Un widget di divulgazione che l'utente può aprire o chiudere.
`<summary>`	(HTML5) Definisce l'intestazione visibile per un elemento `<details>`.
`<dialog>`	(HTML5) Definisce una finestra di dialogo o una finestra modale.
`<data>`	(HTML5) Collega il contenuto a un valore leggibile dalla macchina.

Tag per i metadati

Tag	Descrizione
`<head>`	Contiene metadati sul documento, che non vengono visualizzati all'utente.
`<meta>`	Definisce metadati come set di caratteri, viewport e descrizione.
`<base>`	Definisce l'URL di base e/o il target per tutti i collegamenti relativi in una pagina.
`<basefont>`	(Obsoleto) Impostava un carattere, una dimensione e un colore predefiniti. Usa CSS al suo posto.
`<template>`	(HTML5) Contiene markup inerte che non viene visualizzato, ma può essere clonato e inserito con JavaScript.

Tag per lo scripting e la programmazione

Tag	Descrizione
`<script>`	Incorpora o fa riferimento a script eseguibili (di solito JavaScript).
`<noscript>`	Definisce contenuto di fallback per i browser con scripting disabilitato o non supportato.
`<embed>`	Incorpora contenuto esterno (come un plug-in o un media) nel punto specificato.
`<object>`	Incorpora una risorsa esterna (immagine, contesto di navigazione nidificato, contenuto plug-in).
`<param>`	Definisce un parametro per un elemento `<object>`.
`<applet>`	(Obsoleto) Incorporava un'applet Java. Rimosso dallo standard; usa `<object>` o `<embed>` al suo posto.

Esercitazione

Pratica

Quali dei seguenti tag sono obsoleti e NON dovrebbero essere usati nel nuovo codice HTML?

`<center>` (centra il contenuto)`<font>` (imposta carattere, colore e dimensione)`<article>` (contenuto autonomo)`<applet>` (incorporava un'applet Java)`<span>` (contenitore inline generico)