HTML: Il tag <code>
Il tag HTML <code> serve a definire una porzione di testo come codice di programmazione.
Definizione e utilizzo
Il tag <code> viene utilizzato per formattare una porzione di testo come codice di programmazione per informare visivamente il lettore di cosa si tratta.
La sintassi è la seguente:
<code> $a = 15; $b = 3; $c = $a+$b; </code>
Insieme ai tag <em>, <strong>, <dfn>, <samp>, <kbd>, <var>, and <cite> definisce delle enfasi o formattazioni particolari del testo e forniscono un notevole supporto all’usabilità della pagina.
Di default il tag <code> viene visualizzato con un font a spaziatura fissa (come il Courier New), ma nulla ti vieta di modificarne lo stile con i CSS.
Esempi di utilizzo del tag CODE
Ecco alcuni esempi di utilizzo del tag CODE.
Gli attributi del tag CODE
Attributi richiesti
Nessuno.
Attributi standard
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <code> supporta i seguenti attributi standard:
Attributo | Valore | Descrizione | DTD |
---|---|---|---|
class | nome classe | Specifica il nome di una classe per un elemento. | STF |
dir | ltr rtl |
Specifica la direzione del testo all’interno di un elemento. | STF |
id | id | Specifica un id univoco per un elemento. | STF |
lang | codice lingua | Può essere utilizzato per indicare il codice della lingua dell’elemento. | STF |
style | definizione stile | Specifica uno stile in linea per un elemento. | STF |
title | testo | Può essere utilizzato per fornire dati aggiuntivi sull’elemento. | STF |
xml:lang | codice lingua | Può essere utilizzato, nei documenti XHTML, per indicare il codice della lingua dell’elemento. | STF |
Attributi Evento
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <code> supporta i seguenti eventi Javascript:
Attributo | Valore | Descrizione | DTD |
---|---|---|---|
onclick | script | Specifica uno script da eseguire al click del mouse | STF |
ondblclick | script | Specifica uno script da eseguire al doppio click del mouse | STF |
onmousedown | script | Specifica uno script da eseguire quando è premuto il pulsante sinistro del mouse | STF |
onmousemove | script | Specifica uno script da eseguire al movimento del mouse | STF |
onmouseout | script | Specifica uno script da eseguire quando il puntatore del mouse esce fuori dall’area dell’elemento | STF |
onmouseover | script | Specifica uno script da eseguire al passaggio del mouse sull’elemento | STF |
onmouseup | script | Specifica uno script da eseguire quando viene rilasciato il pulsante sinistro del mouse | STF |
onkeydown | script | Specifica uno script da eseguire alla pressione di un tasto sulla tastiera | STF |
onkeypress | script | Specifica uno script da eseguire quando viene premuto e rilasciato un tasto sulla tastiera | STF |
onkeyup | script | Specifica uno script da eseguire al rilascio di un tasto sulla tastiera | STF |
Browser supportati
Il tag <code> è supportato da tutti i principali browser.
Firefox | Safari | Chrome | Opera | IE 8 | IE 7 | IE 6 |
---|---|---|---|---|---|---|
SI | SI | SI | SI | SI | SI | SI |
1 commento
Trackback e pingback
[...] scrivere righe di codice? Non improvvisare, fallo nel modo giusto: includi il testo nel tag code. Vuoi inserire una…