Riferimento tag HTML
Gli elementi HTML che userai di più, raggruppati per scopo. Quando puoi, preferisci i tag semantici (come <nav> e <article>) ai <div> generici — migliorano accessibilità e SEO. Per riordinare il markup, usa il formattatore HTML.
Aggiornato 2026-07-06
Struttura del documento
| Tag | A cosa serve |
|---|---|
| <html> | Radice del documento |
| <head> | Metadati: title, link, script (non mostrati nella pagina) |
| <body> | Il contenuto visibile della pagina |
| <title> | Titolo della pagina (scheda del browser, risultati di ricerca) |
| <meta> | Metadati come charset, viewport e description |
| <link> | Link a una risorsa esterna, di solito un foglio di stile |
| <script> | Incorporare o referenziare JavaScript |
| <style> | Incorporare CSS nella pagina |
Testo
| Tag | A cosa serve |
|---|---|
| <h1>–<h6> | Titoli, dal più al meno importante |
| <p> | Un paragrafo di testo |
| <a> | Un collegamento ipertestuale (usa href) |
| <span> | Contenitore inline senza significato proprio |
| <strong> | Testo importante (grassetto per impostazione predefinita) |
| <em> | Testo enfatizzato (corsivo per impostazione predefinita) |
| <br> | Un a capo |
| <hr> | Una rottura tematica (linea orizzontale) |
| <blockquote> | Una citazione a blocco |
| <code> | Codice inline |
| <pre> | Testo preformattato (mantiene gli spazi) |
Elenchi
| Tag | A cosa serve |
|---|---|
| <ul> | Elenco non ordinato (puntato) |
| <ol> | Elenco ordinato (numerato) |
| <li> | Una voce di elenco |
| <dl> | Elenco di descrizione (coppie termine/definizione) |
Link & media
| Tag | A cosa serve |
|---|---|
| <img> | Un'immagine (usa src e alt) |
| <video> | Video incorporato |
| <audio> | Audio incorporato |
| <svg> | Grafica vettoriale inline |
| <picture> | Immagini responsive con più sorgenti |
| <iframe> | Incorporare un'altra pagina dentro questa |
Moduli
| Tag | A cosa serve |
|---|---|
| <form> | Un modulo che raccoglie e invia input |
| <input> | Un input a riga singola (testo, checkbox, radio, ecc.) |
| <textarea> | Un input di testo multiriga |
| <button> | Un pulsante cliccabile |
| <select> | Un elenco a discesa |
| <option> | Una voce dentro un <select> |
| <label> | Un'etichetta per un controllo di modulo (migliora l'accessibilità) |
Tabelle
| Tag | A cosa serve |
|---|---|
| <table> | Una tabella di dati |
| <tr> | Una riga di tabella |
| <td> | Una cella di tabella |
| <th> | Una cella di intestazione |
| <thead> | Raggruppa le righe di intestazione |
| <tbody> | Raggruppa le righe del corpo |
Sezionamento semantico
| Tag | A cosa serve |
|---|---|
| <header> | Contenuto introduttivo per una pagina o sezione |
| <nav> | Un blocco di link di navigazione |
| <main> | Il contenuto principale della pagina (uno per pagina) |
| <section> | Un raggruppamento tematico di contenuto |
| <article> | Contenuto autonomo (un post, una card) |
| <aside> | Contenuto tangenziale (una barra laterale) |
| <footer> | Piè di pagina per una pagina o sezione |
| <figure> | Media autonomo con una didascalia facoltativa |
Strumenti correlati