Tag HTML <strong>
Il tag HTML <strong> indica testo di grande importanza, serietà o urgenza. Significato, accessibilità, esempi e differenze con <b> e <em>.
Il tag HTML <strong> marca il testo come avente forte importanza, serietà o urgenza. Questo è il suo scopo principale: porta un significato, non solo un aspetto visivo. I browser visualizzano il contenuto di <strong> in grassetto per impostazione predefinita, ma il grassetto è un effetto collaterale — il vero valore è che stai comunicando a browser, motori di ricerca e tecnologie assistive che questo testo è più importante del contenuto circostante.
Questa pagina spiega cosa significa <strong>, come si differenzia dallo stile in grassetto e dai tag simili <b> e <em>, come lo trattano i lettori di schermo e la SEO, e come usarlo correttamente con esempi pratici.
Perché usare <strong> invece dello stile in grassetto?
È utile separare due concetti diversi:
- Peso visivo — testo che appare semplicemente in grassetto. Lo si ottiene tramite CSS
font-weight: boldo il tag<b>. Modifica solo l'aspetto e non porta alcun significato. - Importanza — testo che è più importante del suo contesto. Questo è ciò che
<strong>rappresenta. Il rendering in grassetto è la presentazione predefinita di quella importanza, ma potresti cambiarne lo stile con CSS e il significato rimarrebbe invariato.
Usa <strong> quando l'enfasi fa parte del significato del contenuto — un avviso, una scadenza, un'istruzione critica. Usa lo stile in grassetto (CSS o <b>) quando vuoi solo che le parole risaltino visivamente, come il nome di un prodotto o una parola chiave che stai evidenziando per facilitare la lettura.
Mentre HTML4 definiva <strong> come un'enfasi più forte, HTML5 lo ha ridefinito come rappresentazione della forte importanza del contenuto. Puoi anche annidare <strong> dentro <strong> per aumentare l'importanza relativa di una frase.
Se vuoi il testo in grassetto solo per decorazione — senza importanza aggiuntiva — usa il tag <b> o la proprietà CSS font-weight invece di <strong>.
<strong> vs <b> vs <em>
Questi tre tag cambiano tutti l'aspetto del testo, ma hanno significati diversi. Scegliere quello giusto è ciò che rende il markup semantico.
| Tag | Aspetto predefinito | Significato | Usalo per |
|---|---|---|---|
<strong> | Grassetto | Forte importanza, serietà, urgenza | Avvisi, scadenze, istruzioni critiche |
<b> | Grassetto | Nessuna importanza aggiuntiva — offset stilistico | Parole chiave, nomi di prodotti, frase introduttiva |
<em> | Corsivo | Enfasi che cambia il significato nella lettura | Parole che diresti con accento vocale |
Un modo rapido per ricordare: <strong> significa "questo è importante," <em> significa "dì questo in modo diverso," e <b> significa "mettilo solo in grassetto." Per il testo evidenziato (piuttosto che importante), vedi il tag <mark>.
Accessibilità e SEO
I veri vantaggi di <strong> riguardano la semantica e la ricerca:
- I motori di ricerca possono usare il markup come segnale che il testo racchiuso è più significativo rispetto al resto del contenuto, aiutando a descrivere l'argomento della pagina.
- Le tecnologie assistive ricevono l'importanza come parte della struttura del documento. La maggior parte dei lettori di schermo più diffusi non cambia automaticamente la voce per
<strong>per impostazione predefinita, ma l'importanza è comunque esposta e gli utenti possono configurare il loro software per annunciarla.
In sintesi, non usare <strong> per ottenere enfasi vocale — usalo perché il testo è genuinamente più importante. Il significato è ciò su cui si basano gli strumenti; il grassetto è solo il valore predefinito.
Sintassi
Il tag <strong> si usa in coppia. Il contenuto viene scritto tra il tag di apertura (<strong>) e quello di chiusura (</strong>). Dimenticare il tag di chiusura </strong> è un errore comune — senza di esso, il resto del testo potrebbe essere considerato importante.
Esempio del tag HTML <strong>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>We’ve used the <strong>strong</strong> tag to highlight this important part of the text.</p>
</body>
</html>Risultato
Esempio: urgenza e avvisi
Un uso naturale di <strong> è segnalare qualcosa che il lettore non deve assolutamente perdere:
<!DOCTYPE html>
<html>
<body>
<p><strong>Warning:</strong> this action permanently deletes your account.</p>
<p>Submit the form before <strong>5:00 PM on Friday</strong> — late entries are not accepted.</p>
</body>
</html>Attributi
Il tag <strong> supporta gli Attributi Globali e gli Attributi Evento. Ad esempio, puoi applicare una classe per stilizzarlo diversamente:
<strong class="warning">Important notice</strong>