Il tag <ACRONYM> in Html

In questa lezione del corso HTML ti parlo del tag <acronym>

<acronym> </acronym>

Il tag <acronym> ti permette di indicare l'abbreviazione di una parola o di un'acronimo all'interno della pagina web.

Per utilizzarlo devi indicare il testo dell'acronimo tra il tag di apertura <acronym> e quello di chiusura </acronym>.

Il testo completo dell'acronimo, invece, va indicato nell'attributo title del tag.

<acronym title="testo esteso">acronimo</acronym>

Ecco un esempio pratico.

In questo caso l'acronimo è NASA.

Il browser mostra sullo schermo dell'utente solo l'acronimo NASA.

Quando l'utente posiziona il puntatore del mouse sopra l'acronimo, il browser visualizza il testo completo tramite un tooltip.

Ad esempio, per vedere l'effetto sposta il mouse sopra l'acronimo NASA qui sotto.

NASA

Il browser dovrebbe mostrarti una finestra con il testo "National Aeronautics and Space Administration".

In questo modo, se un lettore non conosce un acronimo, può conoscere il significato semplicemente passando sopra la parola con il mouse.

A cosa serve? Oltre a mostrare il testo completo degli acronimi con il tooltip, il tag <acronym> è molto importante anche dal punto di vista dell'accessibilità perché fornisce informazioni utili ai browser con funzionalità vocali, agli screen reader e ai traduttori automatici. Inoltre, contribuisce al posizionamento sui motori di ricerca perché aiuta i search engine a comprendere il contenuto della pagina web.

Il tag <acronym> è particolarmente utile nei browser vocali perché leggono all'utente il significato dell'acronimo.

L'attributo lang ti permette di indicare al browser vocale quale lingua utilizzare per la pronuncia.

In questo modo, puoi far leggere con la pronuncia inglese un acronimo presente in una pagina scritta in italiano o viceversa.

Dove si utilizza il tag <acronym>?

Puoi usare il tag <acronym> all'interno della sezione <body> del documento HTML.

Ecco un esempio di pagina web completa.

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
<p>La <acronym title="North Atlantic Treaty Organization">NATO</acronym> ha ...</p>
...
</body>
</html>

In conclusione, il tag <acronym> è uno strumento molto utile se vuoi inserire tooltip in cui spiegare agli utenti il significato degli acronimi presenti all'interno di un testo HTML.

Nota. Pur essendo ancora funzionante in tutti i browser, il tag <acronym> non è più supportato dalla versione più recente del linguaggio HTML5. Al suo posto, ti consiglio di utilizzare il tag <abbr> che produce gli stessi effetti ma può essere utilizzato per indicare le abbreviazioni di ogni tipo e non solo di acronimi.