Il tag <ABBR> in Html

In questo tutorial della guida HTML ti spiego come usare il tag <abbr>

Questo tag ti consente di specificare le abbreviazioni all'interno del testo in un documento HTML.

Puoi usarlo per indicare quale termine completo corrisponde a una abbreviazione, una sigla oppure un acronimo.

Nota. Il tag <abbr> prende il nome dal termine inglese "abbreviation" ossia "abbreviazione". Per questa ragione è utilizzato per indicare le abbreviazioni all'interno di un testo.

Per utilizzare il tag <abbr> all'interno di una pagina web, è necessario specificare due attributi: "title" e "abbr".

L'attributo "title" deve contenere la descrizione dell'abbreviazione
L'attributo "abbr" deve contenere il testo completo corrispondente all'abbreviazione.

L'abbreviazione, invece, deve trovarsi tra il tag di apertura <abbr> e quello di chiusura </abbr>

<abbr title="descrizione">abbreviazione</abbr>

Ti faccio un esempio pratico.

Questo codice HTML utilizza il tag <abbr> per indicare che "ONU" sta per "Organizzazione delle Nazioni Unite":

Il browser visualizza soltanto il termine ONU mentre il tag <abbr> fornisce la descrizione completa dell'abbreviazione.

ONU

In questo modo, chi legge il testo può capire immediatamente il significato dell'abbreviazione.

Inoltre, alcuni browser visualizzano la descrizione completa quando passi il puntatore del mouse sopra l'abbreviazione.

Perché usare il tag <abbr>? Il tag <abbr> è importante dal punto di vista dell'accessibilità. Molti utenti utilizzano i software di assistenza per la lettura dei testi, come i browser vocali e gli screen reader. Questi utenti potrebbero non essere in grado di capire il significato di alcune abbreviazioni. L'utilizzo del tag <abbr> ti consente di fornire una descrizione esplicativa dell'abbreviazione stessa, rendendo la pagina web più accessibile a tutti. In generale, il miglioramento dell'esperienza utente influisce positivamente anche sul posizionamento sui motori di ricerca.

Puoi usare il tag <abbr> all'interno della sezione <body> del documento Html.

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
<p>La risoluzione dell'<abbr title="Organizzazione delle Nazioni Unite">ONU</abbr> è ...</p>
...
</body>
</html>

In conclusione, il tag <abbr> ti consente di indicare e spiegare le abbreviazioni all'interno di un testo, migliorando l'accessibilità e la comprensione della pagina web.