HTML <acronym> Tag
Il tag <acronym> indica al browser che i caratteri contenuti sono un acronimo o un'abbreviazione. Scopri sintassi ed esempi.
Il tag <acronym> veniva usato per definire un acronimo o un'abbreviazione. Per fornire la frase completa si utilizza l'attributo globale title, che viene visualizzato come tooltip quando si passa il mouse sul testo.
Questa pagina spiega cosa faceva <acronym>, perché è stato rimosso da HTML5 e come usare al suo posto il moderno elemento <abbr> — inclusi i dettagli sull'accessibilità da tenere in considerazione.
Il tag <acronym> è un tag HTML deprecato e non è supportato in HTML5. Usa al suo posto il tag <abbr>.
Perché <acronym> è stato rimosso da HTML5
HTML aveva una volta due elementi per le parole abbreviate: <acronym> per gli acronimi (una forma abbreviata che si pronuncia come una parola singola, come NASA o SCUBA) e <abbr> per le abbreviazioni (qualsiasi forma abbreviata, come Dr. o HTML). In pratica questa distinzione causava più confusione di quanta ne risolvesse — gli autori non erano d'accordo se qualcosa fosse un "acronimo" o un'"abbreviazione", e gli screen reader non avevano modo di trarre vantaggio dalla differenza.
HTML5 ha semplificato questa situazione mantenendo solo <abbr>, che gestisce sia le abbreviazioni che gli acronimi. Poiché ogni acronimo è anche un'abbreviazione, l'elemento dedicato <acronym> è diventato ridondante ed è stato eliminato dalla specifica.
Sintassi
Il tag <acronym> va in coppia. Il contenuto viene scritto tra il tag di apertura (<acronym>) e quello di chiusura (</acronym>).
Esempio del tag HTML <acronym>:
HTML acronym Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Hover the mouse cursor over acronym HTML</p>
<acronym title="Hyper Text Markup Language">HTML</acronym>
</body>
</html>Nell'esempio seguente, al posto di <acronym> viene utilizzato il tag <abbr>. Il browser rende i caratteri all'interno del tag <abbr> come un'abbreviazione o un acronimo. L'attributo title dovrebbe contenere sempre la forma espansa completa del termine — questo è il testo che le tecnologie assistive possono annunciare e che i browser mostrano come tooltip.
Esempio del tag HTML <abbr>:
HTML abbr tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><abbr title="Universal Resource Locator">URL</abbr> - This is a special form of designating an individual resource address on the Internet </p>
</body>
</html>Abbreviazione vs. acronimo
I due termini si sovrappongono, ed è proprio per questo che HTML5 li ha unificati:
- Un'abbreviazione è qualsiasi forma accorciata di una parola o frase, come Dr. per "Dottore" o ecc. per "eccetera."
- Un acronimo è un tipo specifico di abbreviazione costruita dalle lettere iniziali di una frase e pronunciata come una parola singola, come NASA o RADAR.
L'elemento <abbr> gestisce entrambi. Si racchiude la forma breve in <abbr> e si inserisce l'espansione completa nell'attributo title — il browser non ha bisogno di sapere se si tratta tecnicamente di un acronimo:
<p>
<abbr title="HyperText Markup Language">HTML</abbr> is written with
<abbr title="Cascading Style Sheets">CSS</abbr>.
</p>Supporto dei browser e comportamento attuale di <acronym>
Sebbene <acronym> sia obsoleto, tutti i principali browser continuano a riconoscerlo e lo renderizzano come fallback, in modo che le pagine precedenti non si rompano. Internamente, i browser analizzano <acronym> nella stessa interfaccia DOM di <abbr> (HTMLElement), il che significa che script e stili li trattano in modo coerente. Nonostante ciò, non dovresti mai usare <acronym> nel nuovo codice — i validatori lo segnalano e gli strumenti futuri non hanno l'obbligo di supportarlo.
Stile predefinito
I browser moderni non applicano alcuno stile predefinito ai tag <acronym> o <abbr>. Qualsiasi aspetto visivo (come sottolineature o maiuscoletto) deve essere definito esplicitamente con CSS.
In passato, alcuni browser renderizzavano <abbr> e <acronym> con una sottolineatura punteggiata per suggerire la disponibilità di un tooltip. Se si desidera ripristinare questo aspetto familiare, è possibile aggiungerlo manualmente:
abbr[title] {
text-decoration: underline dotted;
cursor: help;
}Accessibilità
L'attributo title è più di un semplice tooltip — è il nome accessibile dell'abbreviazione. Quando uno screen reader incontra <abbr title="World Health Organization">WHO</abbr>, può annunciare la forma estesa completa invece di sillabare o pronunciare male le lettere. Fornire sempre il termine completo in title affinché il markup sia significativo per le persone che non possono vedere il tooltip.
I tooltip title non sono accessibili a tutti. Appaiono solo al passaggio del mouse, quindi gli utenti che usano solo la tastiera o il touchscreen non li vedono mai. Considera il tooltip come un miglioramento progressivo: se l'espansione è essenziale, scrivila anche nel testo circostante la prima volta che il termine appare, ad esempio "la World Health Organization (<abbr title="World Health Organization">WHO</abbr>)."
Attributi
Il tag <acronym> supporta gli Attributi Globali e gli Attributi di Evento.
Come applicare lo stile al tag HTML <acronym>
Poiché i browser non applicano uno stile predefinito, è possibile usare CSS per garantire un aspetto coerente. Si noti che applicare stili al tag <acronym> è obsoleto poiché il tag stesso è deprecato. L'esempio seguente applica una sottolineatura punteggiata e il maiuscoletto al tag <abbr> (il sostituto moderno):
abbr {
text-decoration: underline dotted;
font-variant: small-caps;
}