W3docs
it
Accedi

Tag HTML <big>

Il tag <big> ingrandisce il testo rispetto al testo circostante. Non è supportato in HTML5: scopri cosa usare al suo posto.

L'elemento <big> faceva apparire il testo un livello di dimensione del carattere più grande rispetto al testo circostante. Aumentava la dimensione del carattere di un passo rispetto all'elemento padre, lasciando al browser la decisione su quanto grande fosse esattamente "un passo". Il testo non poteva mai superare la dimensione massima del carattere del browser.

Questa pagina spiega cosa faceva <big>, perché è stato rimosso da HTML5 e il CSS moderno che si dovrebbe usare al suo posto.

Pericolo

Non usare <big> in nuovi progetti. È un tag HTML deprecato ed è stato rimosso completamente da HTML5 — i browser potrebbero ancora visualizzarlo per compatibilità con le versioni precedenti, ma si tratta di markup non valido che potrebbe smettere di funzionare in qualsiasi momento. Usa CSS che controlla la dimensione del carattere al suo posto.

Perché <big> è stato rimosso

<big> è un elemento presentazionale: descrive come deve apparire il testo, non cosa significa. HTML5 è costruito attorno a una chiara separazione delle responsabilità — HTML per struttura e significato, CSS per la presentazione. Mescolare i due rende le pagine più difficili da mantenere (è necessario modificare il markup per cambiare lo stile) e più difficili da interpretare per le tecnologie assistive e i motori di ricerca.

Tag come <big> provengono dal Web delle origini degli anni '90, prima che CSS fosse ampiamente supportato, quando dimensionare il testo inline era l'unica opzione pratica. Una volta maturato CSS, i tag presentazionali divennero ridondanti. HTML5 ha eliminato un'intera famiglia di essi, tra cui <big>, <font>, <center> e <strike>. La conclusione: dimensione e stile appartengono a un foglio di stile, non al nome del tag.

Si noti che <small> è stato mantenuto in HTML5 — ma solo perché gli è stato assegnato un significato semantico reale (commenti secondari, note in piccolo). Non esisteva un significato equivalente per giustificare il mantenimento di <big>, quindi è stato rimosso.

Sintassi (legacy)

Il tag <big> veniva usato in coppia. Il contenuto andava inserito tra il tag di apertura (<big>) e quello di chiusura (</big>), all'interno dell'elemento <body>.

Esempio del tag <big> deprecato

Attenzione

Questo esempio è solo a scopo di riferimento. <big> non è valido in HTML5 — vedi la sostituzione CSS qui sotto.

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This text is normal.</p>
    <p><big>This text is bigger.</big></p>
  </body>
</html>
Provalo tu stesso »

Risultato

big example

La sostituzione CSS

La sostituzione più fedele è la parola chiave larger della proprietà font-size. Fa esattamente ciò che faceva <big> — aumenta il testo di un passo rispetto al genitore — ma come regola di stile:

.big {
  font-size: larger;
}

Applicato a un elemento <span> (un elemento inline senza significato proprio), si ottiene il comportamento di <big> senza il tag deprecato:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .big {
        font-size: larger;
      }
    </style>
  </head>
  <body>
    <p>This text is normal,
      <span class="big">and this text is bigger.</span>
    </p>
  </body>
</html>
Provalo tu stesso »

Risultato

big1 example

Scegliere una dimensione esplicita

larger è comodo ma vago — non si controlla di quanto diventa più grande il testo. Per una tipografia prevedibile e scalabile, imposta la dimensione in modo esplicito. Preferisci unità relative rispetto ai pixel fissi, in modo che il testo rispetti la dimensione del carattere preferita dall'utente e lo zoom:

p {
  font-size: 1rem;     /* base size — relative to the root <html> font size */
}
.big-em {
  font-size: 1.2em;    /* 1.2× the parent element's size */
}
.big-rem {
  font-size: 1.2rem;   /* 1.2× the root size, ignoring the parent */
}
.big-percent {
  font-size: 120%;     /* same idea as 1.2em, written as a percentage */
}

Perché queste invece di un semplice 19px?

  • em scala rispetto alla dimensione del carattere del genitore — ideale per aumentare il testo "di un passo", come faceva <big>.
  • rem scala rispetto alla dimensione del carattere della radice (<html>) — coerente ovunque, non influenzato dall'annidamento.
  • % si comporta come em (relativo al genitore) e risulta naturale per molti autori.
  • Un valore fisso in px ignora le impostazioni del browser dell'utente; gli utenti che aumentano la dimensione predefinita del carattere per migliorare la leggibilità non vedranno scalare il testo "più grande". Le unità relative mantengono il design accessibile.

Attributi

<big> supportava solo gli Attributi Globali — non aveva attributi propri. In pratica questo ha poca importanza: poiché il tag è deprecato, l'unico consiglio corretto è di non usarlo affatto.

Cosa fare oggi

  • Non ricorrere mai a <big> (né a <font>, <center>, <strike>) nel nuovo HTML.
  • Per ingrandire il testo, usa la proprietà CSS font-size — larger per un rapido aumento di un passo, oppure un'unità relativa (em/rem/%) per un controllo preciso e accessibile.
  • Se il testo più grande ha un significato (un'intestazione, un'enfasi), usa un elemento semantico come un'intestazione o <strong> e stilizzalo con CSS — non limitarti a rendere il testo normale più grande.

Esercitazione

Pratica
Qual è l'utilizzo e l'importanza del tag HTML <big>, come descritto nella pagina web specificata?
Qual è l'utilizzo e l'importanza del tag HTML <big>, come descritto nella pagina web specificata?
Was this page helpful?