Tag HTML <var>
Il tag <var> descrive una variabile in un'espressione matematica o in un contesto di programmazione. Vedi esempi.
Il tag <var> descrive una variabile in un'espressione matematica o in un contesto di programmazione. Il suo contenuto viene solitamente presentato in una versione corsiva del carattere tipografico corrente.
Altri elementi utilizzati per descrivere le parti tecniche dei documenti nei contesti in cui <var> viene generalmente impiegato includono:
- il tag
<code>, che definisce un frammento di codice informatico, - il tag
<samp>, che definisce l'output di esempio di uno script o di un programma informatico, - il tag
<kbd>, che definisce l'output della tastiera.
Se è presente del codice in cui il tag <var> viene utilizzato erroneamente per scopi stilistici e non semantici, è necessario usare un <span> con CSS appropriato, oppure uno dei seguenti tag semantici appropriati: <q>, <em>, <i>.
Il tag <var> non è deprecato, ma è possibile ottenere effetti migliori con CSS.
Sintassi
Il tag <var> viene usato in coppia. Il contenuto è scritto tra il tag di apertura (<var>) e il tag di chiusura (</var>).
Esempio del tag HTML <var>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
Example <var>This is a variable</var>
</body>
</html>Quando usare <var>
Usa <var> per il nome di una variabile — un segnaposto che rappresenta un valore. Si adatta a due contesti:
- Espressioni matematiche. Le lettere che rappresentano quantità sconosciute o variabili, come
xeyin un'equazione. - Programmazione. Il nome di una variabile referenziata in prosa, come
countouserName.
È facile confondere <var> con i tag semantici vicini. Scegli in base al significato, non all'aspetto visivo del testo:
| Tag | Usalo per | Esempio |
|---|---|---|
<var> | Il nome di una variabile o un segnaposto | "Sia n il numero di utenti." |
<code> | Un frammento di codice informatico | "Chiama getName() per leggerlo." |
<i> | Testo evidenziato per ragioni non semantiche (una frase straniera, un pensiero) | "la sonda Voyager" |
Se vuoi solo uno stile corsivo senza un significato particolare, usa <i> o un <span> stilizzato al posto di <var>.
Esempio: variabili in un'equazione
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The equation <var>x</var> + <var>y</var> = 10 has many solutions.</p>
<p>If <var>x</var> is 4, then <var>y</var> must equal 6.</p>
</body>
</html>Stilizzare il tag <var> con CSS
I browser rendono <var> in corsivo per impostazione predefinita. Poiché è un vero elemento semantico, è possibile ridefinirne lo stile liberamente senza alterarne il significato — ad esempio, rimuovere il corsivo e assegnare alle variabili un colore distinto in modo che risaltino nel testo tecnico:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
var {
font-style: normal;
font-family: monospace;
color: #0d6efd;
font-weight: 600;
}
</style>
</head>
<body>
<p>Solve for <var>x</var> when <var>y</var> = 12.</p>
</body>
</html>Accessibilità
L'elemento <var> non ha un ruolo ARIA implicito, quindi le tecnologie assistive non annunciano il suo contenuto come "variabile" — per uno screen reader il testo viene letto allo stesso modo del testo circostante. L'elemento comunica il significato agli autori e agli strumenti di stilizzazione, non direttamente agli utenti. Assicurati che il ruolo della variabile sia chiaro dal testo circostante, in modo che la frase abbia ancora senso quando viene letta ad alta voce.
Attributi
Il tag <var> supporta gli attributi globali e gli attributi di evento.