Glossario HTML - Codedge

htmlRadice del documento html.

Cos'è: Il tag <html> è l'elemento radice di una pagina HTML.
A cosa serve: Indica l'inizio e la fine di un documento HTML.
Quando usarlo: Deve essere utilizzato in ogni documento HTML.

headContiene metadati, link a risorse esterne, e titoli.

Cos'è: Il tag <head> è un contenitore per metadati e altri elementi che forniscono informazioni sul documento HTML.
A cosa serve: Contiene informazioni come il titolo del documento, collegamenti a fogli di stile, script, e altri metadati che non vengono visualizzati direttamente nella pagina.
Quando usarlo: Deve essere utilizzato in ogni documento HTML, come figlio diretto del tag <html> e prima del tag <body>.

bodyContenuto principale del documento HTML.

Cos'è: Il tag <body> rappresenta il contenuto principale di un documento HTML.
A cosa serve: Definisce la sezione del documento che contiene tutto il contenuto visibile e interattivo di una pagina web.
Quando usarlo: Deve essere utilizzato in ogni documento HTML, come figlio diretto del tag <html>, dopo il tag <head>.

metaDefinisce metadati per un documento HTML (charset, viewport, etc.)

Cos'è: Il tag <meta> è un elemento HTML utilizzato per fornire metadati strutturati su un documento HTML.
A cosa serve: Serve a fornire informazioni aggiuntive sul documento HTML, come la descrizione della pagina, le parole chiave, l'autore, il set di caratteri utilizzato, e istruzioni per i...
Quando usarlo: Va utilizzato all'interno del tag <head> di un documento HTML per specificare metadati che non possono essere definiti da altri elementi HTML correlati.

titleTitolo del documento (visibile nella barra del titolo o tab del browser).

Cos'è: Il tag <title> definisce il titolo del documento HTML.
A cosa serve: Specifica un titolo per la pagina web, che viene visualizzato nella barra del titolo del browser o nella scheda della pagina.
Quando usarlo: Deve essere utilizzato in ogni documento HTML, all'interno del tag <head>.

linkDefinisce una relazione tra il documento corrente e una risorsa esterna (CSS, favicon)

Cos'è: Il tag <link> è un elemento HTML utilizzato per specificare relazioni tra il documento corrente e risorse esterne.
A cosa serve: Serve principalmente a collegare fogli di stile CSS, icone del sito (favicon), font web e altre risorse esterne al documento HTML.
Quando usarlo: Va utilizzato all'interno del tag <head> di un documento HTML per stabilire connessioni con risorse esterne che migliorano o complementano il documento.

styleContiene informazioni di stile per un documento o per una parte di esso (Stile CSS interno)

Cos'è: Il tag <style> è un elemento HTML utilizzato per includere informazioni di stile CSS (Cascading Style Sheets) direttamente all'interno di un documento HTML.
A cosa serve: Serve a definire stili CSS per il documento HTML senza dover collegare un file CSS esterno.
Quando usarlo: Va utilizzato quando si desidera includere stili CSS direttamente nel documento HTML, solitamente per stili specifici della pagina o per piccole quantità di CSS.

scriptIncorpora o riferisce uno script eseguibile

Cos'è: Il tag <script> è un elemento HTML utilizzato per incorporare o fare riferimento a uno script eseguibile, tipicamente JavaScript, all'interno di un documento HTML.
A cosa serve: Serve a includere codice JavaScript direttamente nella pagina o a collegare file JavaScript esterni, permettendo di aggiungere interattività, manipolare il contenuto della...
Quando usarlo: Va utilizzato quando si vuole aggiungere funzionalità dinamiche a una pagina web, gestire eventi, modificare il DOM, effettuare chiamate AJAX, o eseguire qualsiasi altra...

noscriptDefinisce contenuto alternativo quando gli script sono disabilitati

Cos'è: Il tag <noscript> è un elemento HTML che definisce una sezione di contenuto HTML da essere inserita se gli script sono disabilitati nel browser dell'utente o se il...
A cosa serve: Serve a fornire contenuto alternativo o messaggi agli utenti quando JavaScript non è disponibile o è disabilitato, garantendo una migliore esperienza utente e accessibilità in...
Quando usarlo: Va utilizzato quando si vuole fornire un'alternativa per funzionalità o contenuti che normalmente richiederebbero JavaScript per funzionare correttamente.

base URL base per collegamenti relativi

Cos'è: Il tag <base> è un elemento HTML vuoto che specifica l'URL di base e/o il target predefinito per tutti gli URL relativi contenuti in un documento.
A cosa serve: Serve a definire l'URL di base per tutti i link relativi nella pagina e/o il comportamento predefinito per l'apertura dei link (ad esempio, in una nuova finestra o nella stessa...
Quando usarlo: Va utilizzato quando si vuole specificare un URL di base comune per molti link nella pagina o quando si desidera impostare un comportamento predefinito per l'apertura dei link...

headerIntestazione del documento o di una sezione.

Cos'è: Il tag <header> rappresenta un contenitore per contenuti introduttivi o un gruppo di elementi di navigazione.
A cosa serve: Definisce un'area introduttiva o un contenitore per elementi di navigazione per il suo contenuto genitore o per l'intero documento se utilizzato come figlio diretto di...
Quando usarlo: All'inizio di una pagina o di una sezione, per introdurre il contenuto o ospitare elementi di navigazione.

mainContenuto principale del documento.

Cos'è: Il tag <main> rappresenta il contenuto principale di un documento HTML.
A cosa serve: Definisce il contenuto centrale della pagina, escludendo header, footer, navigazione e barre laterali.
Quando usarlo: Deve essere utilizzato una sola volta per pagina, contenendo il contenuto unico e specifico di quella pagina.

footerPiè di pagina del documento o di una sezione.

Cos'è: Il tag <footer> rappresenta un piè di pagina per il suo elemento padre più vicino o per l'intero documento.
A cosa serve: Contiene tipicamente informazioni di chiusura come copyright, link a documenti correlati, informazioni di contatto, o link di navigazione secondari.
Quando usarlo: Al termine di un documento, di una sezione o di un articolo, per fornire informazioni conclusive o di riferimento.

articleContenuto indipendente, come un articolo o un blog post.

Cos'è: Il tag <article> rappresenta una composizione autonoma in un documento, pagina, applicazione o sito, che è intesa per essere distribuibile o riutilizzabile indipendentemente.
A cosa serve: Definisce un contenuto indipendente e autosufficiente, come un post di blog, un articolo di giornale, un commento utente, o qualsiasi altro elemento di contenuto indipendente.
Quando usarlo: Quando il blocco di contenuto ha senso anche da solo, fuori dal contesto della pagina che lo contiene.

sectionSezione di contenuto tematicamente correlato.

Cos'è: Il tag <section> rappresenta una sezione generica autonoma di un documento, che tipicamente ha un tema o un argomento specifico.
A cosa serve: Raggruppa contenuti tematicamente correlati, aiutando a strutturare il documento in parti logiche e semanticamente significative.
Quando usarlo: Quando devi dividere la pagina in parti con un tema chiaro, spesso accompagnate da un titolo.

asideContenuto tangenziale o laterale al contenuto principale.

Cos'è: Il tag <aside> rappresenta una sezione di una pagina che consiste in contenuto tangenzialmente correlato al contenuto principale, che potrebbe essere considerato separato...
A cosa serve: Definisce contenuto correlato ma non essenziale per la comprensione del contenuto principale, come barre laterali, callout, pubblicità, citazioni o note a margine.
Quando usarlo: Quando si vuole presentare informazioni supplementari che arricchiscono il contenuto principale ma non sono essenziali per la sua comprensione.

divDivisione generica o contenitore per raggruppare contenuti.

Cos'è: Il tag <div> è un contenitore generico per il flusso di contenuti che di per sé non rappresenta nulla.
A cosa serve: Viene utilizzato principalmente per raggruppare elementi HTML per scopi di styling (usando class o id) o per operazioni DOM con JavaScript.
Quando usarlo: Quando ti serve un contenitore tecnico per layout, stile o script e non esiste un tag semantico più adatto.

h1-h6Titoli e sottotitoli di vari livelli

Cos'è: I tag <h1> fino a <h6> sono elementi di intestazione HTML che definiscono sei livelli di titoli in ordine decrescente di importanza.
A cosa serve: Sono utilizzati per creare una struttura gerarchica del contenuto, facilitando la lettura e la comprensione del documento.
Quando usarlo: Per titoli e sottotitoli delle varie sezioni, rispettando l'ordine gerarchico del contenuto.

pParagrafo di testo

Cos'è: Il tag <p> definisce un paragrafo in HTML.
A cosa serve: Viene utilizzato per suddividere il contenuto testuale in paragrafi logici, migliorando la leggibilità e la struttura del documento.
Quando usarlo: Per separare blocchi di testo correlati.

ulLista non ordinata

Cos'è: Il tag <ul> rappresenta una lista non ordinata in HTML.
A cosa serve: Viene utilizzato per creare elenchi di elementi correlati senza un ordine specifico o una gerarchia numerica.
Quando usarlo: Quando hai un elenco di elementi in cui l'ordine non è importante.

olLista ordinata

Cos'è: Il tag <ol> rappresenta una lista ordinata in HTML.
A cosa serve: Viene utilizzato per creare elenchi di elementi correlati che hanno un ordine o una sequenza specifica, tipicamente numerati o alfabetici.
Quando usarlo: Quando l'ordine degli elementi conta, per esempio in passaggi, classifiche o procedure.

liElemento di lista

Cos'è: Il tag <li> rappresenta un elemento di lista in HTML.
A cosa serve: Viene utilizzato per definire singoli elementi all'interno di una lista, fornendo struttura e semantica al contenuto elencato.
Quando usarlo: Come figlio diretto di <ol>, <ul>, o <menu>.

dlLista di definizioni

Cos'è: Il tag <dl> rappresenta una lista di definizioni in HTML.
A cosa serve: Viene utilizzato per creare liste di coppie nome-valore, come glossari, metadati, o qualsiasi altro tipo di elenco dove ogni elemento ha un nome (o termine) e un valore (o...
Quando usarlo: Quando devi associare un termine a una descrizione, come in glossari, schede tecniche o metadati.

dtTermine di definizione

Cos'è: Il tag <dt> rappresenta il "termine di definizione" o "nome" in una lista di definizioni (<dl>).
A cosa serve: Viene utilizzato per specificare un termine, nome o etichetta che sarà definito o descritto dal successivo elemento <dd>.
Quando usarlo: All'interno di un <dl>, per indicare il termine o l'etichetta da spiegare.

ddDescrizione di definizione

Cos'è: Il tag <dd> rappresenta la "descrizione di definizione" in una lista di definizioni (<dl>).
A cosa serve: Viene utilizzato per fornire la definizione, descrizione o dettagli relativi al termine specificato nell'elemento <dt> precedente.
Quando usarlo: All'interno di un <dl>, subito dopo un <dt>, per spiegare o descrivere quel termine.

strongTesto importante, visualizzato in grassetto.

Cos'è: Il tag <strong> è un elemento HTML utilizzato per indicare che il testo al suo interno ha una forte importanza, serietà o urgenza.
A cosa serve: Serve a enfatizzare fortemente una parte di testo, indicando che è particolarmente importante o critica nel contesto del documento.
Quando usarlo: Va utilizzato quando si vuole dare particolare rilevanza a una parola o frase, specialmente in contesti dove l'importanza del testo potrebbe influenzare la comprensione o...

emTesto enfatizzato, visualizzato in corsivo.

Cos'è: Il tag <em> è un elemento inline utilizzato per indicare enfasi nel testo HTML.
A cosa serve: Serve a evidenziare parti di testo che dovrebbero essere lette o interpretate con particolare enfasi o stress.
Quando usarlo: Utilizzarlo quando si vuole dare importanza o enfasi a una parola o frase all'interno di un testo.

bTesto in grassetto, uso stilistico.

Cos'è: Il tag <b> è un elemento HTML utilizzato per attirare l'attenzione su un testo senza conferirgli particolare importanza semantica.
A cosa serve: Serve a evidenziare visivamente una parte di testo, rendendola in grassetto, senza implicare un'enfasi o un'importanza particolare dal punto di vista semantico.
Quando usarlo: Va utilizzato quando si vuole attirare l'attenzione su un testo per motivi stilistici o di presentazione, ma non per indicare importanza o enfasi semantica.

iTesto in corsivo, uso stilistico.

Cos'è: Il tag <i> è un elemento HTML utilizzato per indicare un testo che è in qualche modo diverso dal testo normale che lo circonda, spesso rappresentato visivamente in corsivo.
A cosa serve: Serve a denotare un testo che ha una qualità alternativa o è in una voce o umore diverso, come termini tecnici, frasi in lingua straniera, pensieri, o nomi di navi.
Quando usarlo: Va utilizzato quando si vuole indicare una differenza qualitativa nel testo, senza necessariamente implicare enfasi (per la quale si userebbe <em>).

utesto sottolineato

Cos'è: Il tag <u> è un elemento inline utilizzato per rendere il testo sottolineato in HTML.
A cosa serve: Serve a indicare che una porzione di testo dovrebbe essere stilisticamente diversa dal testo normale, tipicamente sottolineandola.
Quando usarlo: Utilizzarlo per sottolineare testo che non ha un'enfasi semantica particolare, come nomi propri in cinese o annotazioni di spelling.

brinterruzione di riga

Cos'è: Il tag <br> è un elemento vuoto che produce un'interruzione di riga in un testo HTML.
A cosa serve: Serve a inserire un'interruzione di riga (a capo) senza iniziare un nuovo paragrafo.
Quando usarlo: Utilizzarlo quando si desidera inserire un'interruzione di riga all'interno di un blocco di testo, come in poesie, indirizzi o in casi in cui è necessaria una formattazione...

hrlinea orizzontale

Cos'è: Il tag <hr> è un elemento vuoto che rappresenta una interruzione tematica tra paragrafi di contenuto HTML.
A cosa serve: Serve a creare una linea orizzontale nel documento HTML, tipicamente utilizzata per separare sezioni di contenuto o per indicare un cambio di argomento.
Quando usarlo: Utilizzarlo quando si vuole creare una separazione visiva tra diverse sezioni di contenuto o per indicare un cambiamento tematico significativo all'interno della pagina.

marktesto evidenziato

Cos'è: Il tag <mark> è un elemento inline utilizzato per evidenziare o marcare parti di testo in un documento HTML.
A cosa serve: Serve a evidenziare visivamente una parte di testo, tipicamente per attirare l'attenzione del lettore su quella specifica porzione di contenuto.
Quando usarlo: Utilizzarlo quando si vuole evidenziare del testo per scopi di riferimento, rilevanza o per indicare un risultato di ricerca all'interno di un documento.

smalltesto di minor importanza

Cos'è: Il tag <small> è un elemento inline utilizzato per rappresentare commenti secondari o testo di minor importanza in un documento HTML.
A cosa serve: Serve a indicare che il testo contenuto ha una rilevanza minore o è un commento secondario rispetto al contenuto principale circostante.
Quando usarlo: Utilizzarlo per testo che è considerato di importanza secondaria, come disclaimer, note a piè di pagina, copyright, o piccole stampe legali.

deltesto cancellato

Cos'è: Il tag <del> è un elemento inline utilizzato per rappresentare testo che è stato cancellato o rimosso da un documento HTML.
A cosa serve: Serve a indicare che una parte di testo è stata rimossa o non è più valida, pur mantenendola visibile nel documento.
Quando usarlo: Utilizzarlo quando si vuole mostrare testo che è stato eliminato, sostituito o modificato, spesso in combinazione con il tag <ins> per indicare il nuovo testo inserito.

instesto inserito

Cos'è: Il tag <ins> è un elemento inline utilizzato per rappresentare testo che è stato inserito o aggiunto a un documento HTML.
A cosa serve: Serve a indicare che una parte di testo è stata aggiunta o inserita in un documento, spesso per mostrare modifiche o aggiornamenti al contenuto.
Quando usarlo: Utilizzarlo quando si vuole evidenziare nuovo testo aggiunto a un documento, spesso in combinazione con il tag <del> per mostrare le modifiche complete.

subtesto in pedice

Cos'è: Il tag <sub> è un elemento inline utilizzato per rappresentare testo in pedice in un documento HTML.
A cosa serve: Serve a visualizzare testo leggermente più in basso e più piccolo rispetto alla linea di base del testo normale, tipicamente usato per formule chimiche, notazioni matematiche o...
Quando usarlo: Utilizzarlo per rappresentare pedici in formule chimiche (come H2O), notazioni matematiche, o per riferimenti a note a piè di pagina.

suptesto in apice

Cos'è: Il tag <sup> è un elemento inline utilizzato per rappresentare testo in apice in un documento HTML.
A cosa serve: Serve a visualizzare testo leggermente più in alto e più piccolo rispetto alla linea di base del testo normale, tipicamente usato per esponenti, notazioni matematiche o...
Quando usarlo: Utilizzarlo per rappresentare esponenti in formule matematiche, numeri ordinali (es.

abbrabbreviazione o acronimo

Cos'è: Il tag <abbr> è un elemento inline utilizzato per rappresentare un'abbreviazione o un acronimo in un documento HTML.
A cosa serve: Serve a indicare che una sequenza di caratteri rappresenta un'abbreviazione o un acronimo, fornendo opzionalmente il significato completo attraverso l'attributo title.
Quando usarlo: Utilizzarlo quando si introduce un'abbreviazione o un acronimo nel testo, specialmente la prima volta che appare nel documento o quando si vuole fornire una spiegazione.

timedata o ora

Cos'è: Il tag <time> è un elemento inline utilizzato per rappresentare una data, un'ora o un intervallo di tempo in un documento HTML.
A cosa serve: Serve a marcare semanticamente date e orari in un formato leggibile sia dagli umani che dalle macchine, facilitando l'interpretazione e l'elaborazione di informazioni temporali.
Quando usarlo: Utilizzarlo quando si fa riferimento a date specifiche, orari, o intervalli di tempo nel contenuto, come date di pubblicazione, scadenze, orari di eventi, ecc.

qcitazione breve inline

Cos'è: Il tag <q> è un elemento inline utilizzato per rappresentare una breve citazione all'interno di un testo in un documento HTML.
A cosa serve: Serve a marcare semanticamente una citazione breve che non richiede interruzioni di paragrafo, distinguendola dal testo circostante.
Quando usarlo: Utilizzarlo per citazioni brevi incorporate nel flusso del testo, tipicamente di una o poche frasi.

blockquotecitazione estesa

Cos'è: Il tag <blockquote> è un elemento a livello di blocco utilizzato per rappresentare una citazione estesa da un'altra fonte in un documento HTML.
A cosa serve: Serve a marcare semanticamente una citazione più lunga o complessa, separandola visivamente dal testo principale e indicando che si tratta di contenuto citato.
Quando usarlo: Utilizzarlo per citazioni più lunghe che richiedono un paragrafo separato o multiple linee, tipicamente estratte da un'altra fonte.

citecitazione del titolo di un'opera

Cos'è: Il tag <cite> è un elemento inline utilizzato per rappresentare il titolo di un'opera (come un libro, un film, una canzone, ecc.) in un documento HTML.
A cosa serve: Serve a marcare semanticamente il riferimento al titolo di un'opera creativa, scientifica o intellettuale, distinguendolo dal testo circostante.
Quando usarlo: Utilizzarlo quando si fa riferimento al titolo di un'opera come libri, articoli, film, canzoni, dipinti, siti web, ecc.

acollegamento ipertestuale

Cos'è: Il tag <a> è un elemento inline utilizzato per creare collegamenti ipertestuali (hyperlink) in un documento HTML.
A cosa serve: Serve a creare link clickabili che possono indirizzare l'utente a altre pagine web, file, indirizzi email, posizioni all'interno della stessa pagina, o qualsiasi altra URL.
Quando usarlo: Utilizzarlo ogni volta che si vuole creare un collegamento a un'altra risorsa, sia interna che esterna al sito web.

navsezione di navigazione

Cos'è: Il tag <nav> è un elemento di sezione utilizzato per definire una sezione di navigazione principale in un documento HTML.
A cosa serve: Serve a raggruppare e identificare semanticamente i principali collegamenti di navigazione di un sito web o di una sezione di un documento.
Quando usarlo: Utilizzarlo per racchiudere i menu di navigazione principali, come il menu principale del sito, menu di sezione, o qualsiasi gruppo di link che rappresenti una navigazione...

mapmappa di immagine

Cos'è: Il tag <map> è un elemento utilizzato per definire una mappa di immagine, ossia un'immagine con aree cliccabili.
A cosa serve: Serve a creare aree interattive all'interno di un'immagine, permettendo di associare diverse parti dell'immagine a diversi link o azioni.
Quando usarlo: Utilizzarlo quando si vuole rendere diverse aree di un'immagine cliccabili e collegate a diverse destinazioni, come in mappe geografiche interattive o diagrammi complessi.

areaarea cliccabile in una mappa di immagine

Cos'è: Il tag <area> è un elemento vuoto utilizzato all'interno di un <map> per definire un'area cliccabile in una mappa di immagine.
A cosa serve: Serve a specificare una regione cliccabile all'interno di un'immagine, permettendo di creare link o azioni associate a parti specifiche dell'immagine.
Quando usarlo: Utilizzarlo all'interno di un elemento <map> per definire aree interattive in un'immagine, come in mappe geografiche, diagrammi o interfacce basate su immagini.

imgimmagine

Cos'è: Il tag <img> è un elemento vuoto utilizzato per incorporare un'immagine in un documento HTML.
A cosa serve: Serve a visualizzare immagini all'interno di una pagina web, che possono essere fotografie, illustrazioni, grafici, o qualsiasi altro tipo di contenuto visivo.
Quando usarlo: Utilizzarlo ogni volta che si desidera includere un'immagine nel contenuto della pagina, sia per scopi decorativi che informativi.

figurecontenuto autonomo

Cos'è: Il tag <figure> è un elemento contenitore utilizzato per incapsulare contenuti autonomi come immagini, diagrammi, codice, ecc., spesso accompagnati da una didascalia.
A cosa serve: Serve a raggruppare un contenuto autonomo (come un'immagine, un grafico, un video) con la sua didascalia, creando un'unità semantica indipendente all'interno del documento.
Quando usarlo: Utilizzarlo quando si vuole presentare un contenuto che è riferito nel testo principale ma che potrebbe essere spostato in un'appendice o in un'altra parte del documento senza...

figcaptiondidascalia per figure

Cos'è: Il tag <figcaption> è un elemento utilizzato all'interno di <figure> per fornire una didascalia o una spiegazione del contenuto della figura.
A cosa serve: Serve a fornire un titolo, una spiegazione o un contesto aggiuntivo per il contenuto racchiuso nell'elemento <figure> associato.
Quando usarlo: Utilizzarlo all'interno di un elemento <figure> per descrivere o spiegare il contenuto della figura, che può essere un'immagine, un grafico, un video, un blocco di...

audioriproduzione audio

Cos'è: Il tag <audio> è un elemento HTML5 utilizzato per incorporare contenuti audio in un documento web.
A cosa serve: Serve a riprodurre file audio direttamente nel browser senza la necessità di plugin esterni, offrendo controlli nativi per la riproduzione.
Quando usarlo: Utilizzarlo quando si vuole inserire contenuti audio come musica, podcast, effetti sonori o qualsiasi altro tipo di audio nella pagina web.

videoriproduzione video

Cos'è: Il tag <video> è un elemento HTML5 utilizzato per incorporare contenuti video in un documento web.
A cosa serve: Serve a riprodurre file video direttamente nel browser senza la necessità di plugin esterni, offrendo controlli nativi per la riproduzione e diverse opzioni di personalizzazione.
Quando usarlo: Utilizzarlo quando si vuole inserire contenuti video come filmati, animazioni, tutorial video o qualsiasi altro tipo di contenuto video nella pagina web.

sourcefonte multimediale alternativa

Cos'è: Il tag <source> è un elemento vuoto utilizzato all'interno degli elementi <audio>, <video> o <picture> per specificare risorse multimediali alternative.
A cosa serve: Serve a fornire più versioni di una risorsa multimediale (audio, video o immagine) per garantire la massima compatibilità tra diversi browser e dispositivi.
Quando usarlo: Utilizzarlo all'interno di elementi <audio>, <video> o <picture> quando si vogliono offrire formati alternativi dello stesso contenuto multimediale.

tracktraccia testo per media

Cos'è: Il tag <track> è un elemento vuoto utilizzato come figlio degli elementi <audio> e <video> per specificare tracce di testo temporizzate.
A cosa serve: Serve a fornire sottotitoli, didascalie, descrizioni audio o altri tipi di testo sincronizzato con il contenuto audio o video.
Quando usarlo: Utilizzarlo all'interno di elementi <audio> o <video> quando si vogliono aggiungere sottotitoli, traduzioni, descrizioni audio o capitoli al contenuto multimediale.

canvasarea di disegno dinamica

Cos'è: Il tag <canvas> è un elemento HTML che fornisce un'area rettangolare su cui è possibile disegnare grafici, animazioni o altri elementi visivi utilizzando JavaScript.
A cosa serve: Serve a creare grafici, animazioni, giochi, visualizzazioni di dati e altri contenuti visivi dinamici direttamente nel browser senza l'uso di plugin esterni.
Quando usarlo: Utilizzarlo quando si necessita di rendere grafici o animazioni complesse, creare giochi basati sul browser, o realizzare visualizzazioni di dati interattive che richiedono...

svggrafica vettoriale scalabile

Cos'è: Il tag <svg> è un elemento contenitore per grafica vettoriale scalabile (Scalable Vector Graphics) in HTML5.
A cosa serve: Serve a definire e incorporare grafica vettoriale scalabile direttamente nel documento HTML, permettendo la creazione di immagini che mantengono la nitidezza a qualsiasi...
Quando usarlo: Utilizzarlo per creare icone, loghi, illustrazioni, grafici interattivi e animazioni che devono essere nitidi a qualsiasi risoluzione o dimensione dello schermo.

tabletabella di dati

Cos'è: Il tag <table> è un elemento HTML utilizzato per creare tabelle di dati strutturati in righe e colonne.
A cosa serve: Serve a presentare informazioni in un formato tabulare, organizzando dati in righe e colonne per una facile lettura e confronto.
Quando usarlo: Utilizzarlo quando si necessita di presentare dati strutturati che hanno una relazione bidimensionale, come orari, statistiche, informazioni di confronto o qualsiasi set di...

theadintestazione di tabella

Cos'è: Il tag <thead> è un elemento HTML utilizzato per raggruppare il contenuto dell'intestazione in una tabella HTML.
A cosa serve: Serve a definire un gruppo di righe che formano l'intestazione di una tabella, tipicamente contenendo etichette descrittive per le colonne.
Quando usarlo: Utilizzarlo all'interno di un elemento <table> per racchiudere le righe di intestazione della tabella, generalmente la prima riga o le prime righe che descrivono il...

tbodycorpo della tabella

Cos'è: Il tag <tbody> è un elemento HTML utilizzato per raggruppare il contenuto principale (corpo) di una tabella HTML.
A cosa serve: Serve a incapsulare le righe che contengono i dati principali della tabella, separandoli dall'intestazione (<thead>) e dal piè di pagina (<tfoot>).
Quando usarlo: Utilizzarlo all'interno di un elemento <table> per racchiudere le righe di dati della tabella, escludendo le righe di intestazione e di piè di pagina.

tfootpiè di pagina della tabella

Cos'è: Il tag <tfoot> è un elemento HTML utilizzato per raggruppare il contenuto del piè di pagina in una tabella HTML.
A cosa serve: Serve a definire un gruppo di righe che formano il piè di pagina di una tabella, tipicamente contenente riepiloghi, totali o altre informazioni conclusive relative ai dati...
Quando usarlo: Utilizzarlo all'interno di un elemento <table> per racchiudere le righe di piè di pagina della tabella, generalmente contenenti totali, somme o altre informazioni...

trriga della tabella

Cos'è: Il tag <tr> è un elemento HTML che definisce una riga all'interno di una tabella.
A cosa serve: Serve a creare una riga orizzontale in una tabella, contenendo celle di dati (<td>) o celle di intestazione (<th>).
Quando usarlo: Utilizzarlo all'interno di elementi <table>, <thead>, <tbody>, o <tfoot> per definire ogni singola riga della tabella.

thcella di intestazione della tabella

Cos'è: Il tag <th> è un elemento HTML che definisce una cella di intestazione all'interno di una tabella.
A cosa serve: Serve a creare celle di intestazione per colonne o righe in una tabella, fornendo un'etichetta o una descrizione per i dati contenuti nelle celle normali (<td>).
Quando usarlo: Utilizzarlo all'interno di elementi <tr> per definire intestazioni di colonna (tipicamente nella prima riga) o intestazioni di riga (tipicamente nella prima colonna) di...

tdcella di dati della tabella

Cos'è: Il tag <td> è un elemento HTML che definisce una cella di dati standard all'interno di una tabella.
A cosa serve: Serve a contenere i dati effettivi di una tabella, rappresentando una singola unità di informazione all'interno di una riga.
Quando usarlo: Utilizzarlo all'interno di elementi <tr> per definire celle di dati standard, che non sono intestazioni, in una tabella.

formcontenitore per form interattivo

Cos'è: Il tag <form> è un elemento HTML che rappresenta una sezione di un documento contenente controlli interattivi per l'invio di informazioni.
A cosa serve: Serve a creare un'area interattiva in cui gli utenti possono inserire dati e inviarli a un server per l'elaborazione.
Quando usarlo: Utilizzarlo quando si ha bisogno di raccogliere informazioni dagli utenti, come in moduli di contatto, moduli di ricerca, form di registrazione, sondaggi, e qualsiasi altra...

inputcampo di input interattivo

Cos'è: Il tag <input> è un elemento HTML che crea un campo di input interattivo all'interno di un form, permettendo all'utente di inserire dati di vario tipo.
A cosa serve: Serve a raccogliere input dell'utente in vari formati, come testo, numeri, date, checkbox, radio button, e altro, a seconda del tipo specificato.
Quando usarlo: Utilizzarlo all'interno di un <form> o in modo indipendente quando è necessario raccogliere input specifici dall'utente, come in moduli di registrazione, campi di...

textareacampo di input per testo multi-linea

Cos'è: Il tag <textarea> è un elemento HTML che crea un controllo per l'inserimento di testo su più righe all'interno di un form.
A cosa serve: Serve a permettere agli utenti di inserire grandi quantità di testo libero, come commenti, messaggi, descrizioni o qualsiasi altro contenuto che richieda più spazio di un...
Quando usarlo: Utilizzarlo quando si ha bisogno di raccogliere input testuali estesi dagli utenti, come in campi per commenti, aree di feedback, campi di descrizione in form di inserimento...

buttonpulsante cliccabile

Cos'è: Il tag <button> è un elemento HTML che crea un pulsante cliccabile, permettendo agli utenti di inviare form o attivare funzionalità JavaScript.
A cosa serve: Serve a creare elementi interattivi che l'utente può cliccare o toccare per eseguire un'azione, come inviare un form, attivare una funzione JavaScript, o navigare verso una...
Quando usarlo: Utilizzarlo quando si vuole fornire all'utente un modo chiaro e interattivo per eseguire un'azione specifica, come "Invia", "Cerca", "Aggiungi al carrello", o per attivare...

selectmenu a discesa

Cos'è: Il tag <select> è un elemento HTML che crea un menu a discesa o una lista di selezione, permettendo agli utenti di scegliere una o più opzioni da un elenco predefinito.
A cosa serve: Serve a fornire agli utenti un'interfaccia per selezionare una o più opzioni da un elenco predefinito, ottimizzando lo spazio e semplificando la scelta in caso di molte opzioni...
Quando usarlo: Utilizzarlo quando si vuole offrire all'utente una scelta tra diverse opzioni predefinite, specialmente quando lo spazio è limitato o quando il numero di opzioni è elevato.

optionopzione in un menu a discesa

Cos'è: Il tag <option> è un elemento HTML che definisce una singola opzione all'interno di un elemento <select>, <optgroup>, o <datalist>.
A cosa serve: Serve a creare una singola scelta selezionabile all'interno di un menu a discesa o di una lista di selezione, rappresentando un valore che può essere scelto dall'utente.
Quando usarlo: Utilizzarlo all'interno di elementi <select> per definire ciascuna opzione disponibile per la selezione.

optgroupgruppo di opzioni in un menu a discesa

Cos'è: Il tag <optgroup> è un elemento HTML utilizzato all'interno di un elemento <select> per raggruppare opzioni correlate.
A cosa serve: Serve a creare una struttura gerarchica all'interno di un menu a discesa, organizzando le opzioni in categorie logiche per migliorare la leggibilità e la navigabilità...
Quando usarlo: Utilizzarlo all'interno di elementi <select> quando le opzioni possono essere logicamente categorizzate, come raggruppare città per nazione, prodotti per categoria, o...

labeletichetta per elementi di form

Cos'è: Il tag <label> è un elemento HTML che definisce un'etichetta per un elemento di form interattivo.
A cosa serve: Serve a creare un'associazione esplicita tra un'etichetta di testo e un elemento di form specifico, migliorando l'usabilità e l'accessibilità dell'interfaccia utente.
Quando usarlo: Utilizzarlo per ogni elemento di input in un form, inclusi input text, checkbox, radio buttons, select, e textarea.

fieldsetraggruppamento di elementi di form

Cos'è: Il tag <fieldset> è un elemento HTML utilizzato per raggruppare elementi correlati all'interno di un form.
A cosa serve: Serve a creare un raggruppamento logico di campi di form, fornendo una struttura organizzativa e semantica ai controlli del form correlati.
Quando usarlo: Utilizzarlo quando si hanno gruppi di input relativi allo stesso argomento o funzione all'interno di un form, come informazioni personali, dettagli di spedizione, preferenze...

legendtitolo per un gruppo di form

Cos'è: Il tag <legend> è un elemento HTML utilizzato per fornire un titolo o una caption per il contenuto di un elemento <fieldset>.
A cosa serve: Serve a descrivere il gruppo di controlli di form racchiusi all'interno di un <fieldset>, fornendo un contesto chiaro e una descrizione per il gruppo di elementi correlati.
Quando usarlo: Utilizzarlo come primo elemento figlio all'interno di un <fieldset> per etichettare e descrivere il gruppo di controlli di form contenuti nel fieldset.

datalistlista di opzioni predefinite per input

Cos'è: Il tag <datalist> è un elemento HTML che fornisce una lista di opzioni predefinite per gli elementi <input>.
A cosa serve: Serve a creare una lista di suggerimenti o opzioni per un campo di input, offrendo all'utente un'autocompletamento o una selezione rapida, pur mantenendo la possibilità di...
Quando usarlo: Utilizzarlo quando si vuole fornire suggerimenti o opzioni predefinite per un campo di input, ma si desidera anche consentire all'utente di inserire valori non presenti nella...

outputrisultato di un calcolo o di un'azione utente

Cos'è: Il tag <output> è un elemento HTML che rappresenta il risultato di un calcolo o l'esito di un'azione dell'utente.
A cosa serve: Serve a visualizzare il risultato di un'operazione, tipicamente all'interno di un form, fornendo un contenitore semantico per i valori calcolati o generati dinamicamente.
Quando usarlo: Utilizzarlo quando si vuole mostrare il risultato di un calcolo basato su input dell'utente, come la somma di valori, il risultato di una conversione, o qualsiasi output...

progressbarra di avanzamento

Cos'è: Il tag <progress> è un elemento HTML che rappresenta visualmente lo stato di avanzamento di un'operazione.
A cosa serve: Serve a mostrare all'utente il progresso di un'attività, come il caricamento di un file, il completamento di un form, o qualsiasi processo che richieda tempo per essere completato.
Quando usarlo: Utilizzarlo quando si vuole fornire un feedback visivo all'utente su un'operazione in corso, specialmente per processi che richiedono tempo o hanno più fasi di completamento.

metermisurazione scalare entro un intervallo noto

Cos'è: Il tag <meter> è un elemento HTML che rappresenta una misurazione scalare all'interno di un intervallo noto o un valore frazionario.
A cosa serve: Serve a visualizzare una misurazione su una scala con un minimo e un massimo definiti, come l'utilizzo del disco, il punteggio di un test, o qualsiasi altro valore che rientri...
Quando usarlo: Utilizzarlo quando si vuole rappresentare visivamente un valore che ha un significato specifico all'interno di un intervallo noto, a differenza di <progress> che indica...

detailscontenitore per dettagli espandibili

Cos'è: Il tag <details> è un elemento HTML che crea un widget di divulgazione interattivo in cui l'utente può ottenere informazioni aggiuntive o controlli espandendo il contenuto.
A cosa serve: Serve a creare un contenitore espandibile/contraibile per contenuti aggiuntivi, permettendo agli utenti di visualizzare o nascondere informazioni dettagliate su richiesta.
Quando usarlo: Utilizzarlo quando si vuole fornire informazioni aggiuntive o dettagli che non sono immediatamente necessari, ma che possono essere utili per alcuni utenti, come FAQ...

summaryintestazione visibile per details

Cos'è: Il tag <summary> è un elemento HTML utilizzato come primo figlio dell'elemento <details> per fornire un'intestazione o un'etichetta visibile per il contenuto...
A cosa serve: Serve a specificare un titolo o una descrizione sintetica per il contenuto nascosto all'interno dell'elemento <details>, fungendo da controllo interattivo per espandere o...
Quando usarlo: Utilizzarlo sempre come primo elemento figlio all'interno di un <details> per fornire un'etichetta chiara e concisa che descrive il contenuto nascosto o espandibile.

picturecontenitore per immagini responsive

Cos'è: Il tag <picture> è un elemento HTML che contiene zero o più elementi <source> e un elemento <img>, fornendo un modo per specificare multiple sorgenti per...
A cosa serve: Serve a offrire versioni alternative di un'immagine per diversi scenari, come diverse risoluzioni dello schermo, formati di file supportati o art direction (adattamento del...
Quando usarlo: Utilizzarlo quando si vuole fornire immagini responsive che si adattano a diverse condizioni di visualizzazione, o quando si desidera offrire formati di immagine più efficienti...

iframefinestra inline per contenuti esterni

Cos'è: Il tag <iframe> (Inline Frame) è un elemento HTML che permette di incorporare un documento HTML esterno all'interno della pagina corrente.
A cosa serve: Serve a incorporare contenuti da altre fonti, come video, mappe, widget o intere pagine web, all'interno della pagina corrente senza dover reindirizzare l'utente.
Quando usarlo: Utilizzarlo quando si vuole integrare contenuti esterni che non possono essere facilmente replicati o incorporati direttamente nella pagina, come video di YouTube, mappe di...

embedcontenitore per contenuti esterni o plugin

Cos'è: Il tag <embed> è un elemento HTML utilizzato per incorporare contenuti esterni o applicazioni plug-in all'interno di una pagina web.
A cosa serve: Serve a integrare contenuti multimediali esterni, applicazioni o altri tipi di risorse che richiedono plugin o gestori specifici per essere visualizzati.
Quando usarlo: Il suo uso è generalmente sconsigliato nelle applicazioni web moderne.

objectcontenitore per oggetti esterni

Cos'è: Il tag <object> è un elemento HTML utilizzato per incorporare oggetti esterni come immagini, contenuti multimediali, applicazioni o altri documenti HTML all'interno di...
A cosa serve: Serve a integrare una vasta gamma di contenuti esterni, inclusi ma non limitati a PDF, SVG, Flash (ormai obsoleto), e altri tipi di file o applicazioni che possono essere...
Quando usarlo: Utilizzarlo quando si desidera incorporare contenuti esterni che non sono gestiti nativamente da HTML5, o quando si necessita di maggiore flessibilità rispetto ad elementi più...

paramparametro per oggetti

Cos'è: Il tag <param> è un elemento HTML utilizzato per definire parametri per gli elementi <object>.
A cosa serve: Serve a passare parametri di configurazione agli oggetti incorporati tramite il tag <object>, permettendo di personalizzare il comportamento o l'aspetto dell'oggetto...
Quando usarlo: Utilizzarlo all'interno di un elemento <object> quando si necessita di specificare impostazioni o configurazioni per l'oggetto incorporato, come file multimediali o...