Il tag <SUP> in Html
In questa lezione ti spiego come fare un testo in apice usando il tag <sup> del linguaggio Html
<sup> </sup>
Il tag <sup> è un tag di formattazione che puoi usare per scrivere un testo in apice.
Il testo compreso tra le parentesi di apertura e di chiusura del tag <sup> viene posizionato al di sopra del resto del testo e con una dimensione leggermente più piccola.
Esempio. Puoi usarle il tag <sup> nelle formule chimiche o nelle formule matematiche per scrivere l'esponente di una potenza (es. 42) o per scrivere un'abbreviazione (es. Sig.na). Il nome del tag deriva dall'inglese superior (superiore o superindice).
Puoi usare il tag <sup> all'interno della sezione <body> del documento Html.
- <!DOCTYPE html>
- <html>
- <head>
- ...
- </head>
- <body>
- <p>La potenza di 4<sup>2</sup> è 16</p>
- ...
- </body>
- </html>
L'utilizzo del tag <sup> è molto semplice. Basta inserire il testo da visualizzare come superindice tra i tag <sup> e </sup>.
Ti faccio un esempio pratico.
Puoi usarlo per scrivere l'esponente della potenza "4 alla seconda".
La potenza di 4<sup>2</sup> è 16
Il browser visualizza in apice il testo tra il tag di apertura <sup> e quello di chiusura </sup>.
In questo caso scrive il numero 2 leggermente più in alto e con una dimensione più piccola rispetto al resto, creando l'effetto di superindice.
La potenza di 42 è 16
A cosa serve il tag <sup>?
Puoi usare il tag <sup> per scrivere le formule chimiche o matematiche, le potenze o anche le note a piè di pagina e le abbreviazioni dei titoli nel documento Html.
Il tag <sup> migliora anche l'accessibilità della pagina web, perché viene interpretato in modo specifico dai browser speciali usati dalle persone con disabilità visive, rendendo più semplice e comprensibile la lettura del testo.
