Il tag Del ( Html )

Nel linguaggio Html il tag <DEL> visualizza una linea barrata sopra il testo.

A cosa serve

Il tag <DEL> è utilizzato per indicare che un'informazione nel testo è stata annullata.

Può infatti capitare di dover rettificare una informazione senza cancellarla. Ad esempio, lo spostamento della data di un evento.

Il tag mostra una riga sopra il testo che lascia visibile la vecchia informazione.

La sintassi del tag del

Si tratta di un tag doppio. E' composto da un tag di apertura <DEL> e un tag di chiusura </DEL>.

<DEL title="motivo della rettifica" datetime="data rettifica" cite="eventuale indirizzo web sostitutivo"> ... </DEL>

Al testo contenuto al suo interno viene applicato l'effetto grafico.

E' un tag di formattazione del testo e può essere usato nella sezione Body del documento ipertestuale.

Al suo interno contiene tre attributi:

  1. Title. Permette di aggiungere il motivo della rettifica.
  2. Datetime. Consente di aggiungere la data della rettifica.
  3. Cite. E' l'attributo usato per indicare un indirizzo Url sostitutivo.

Un esempio

In questo esempio di codice html ho utilizzato il tag DEL sulla parola 17 ottobre:

L'evento si terra il <DEL>17 ottobre</DEL>

Il testo viene interpretato e visualizzato sul browser nel seguente modo:

L'evento si terra il 17 ottobre

E' subito evidente che la data è stata annullata. Se l'avessi sostituita con la nuova data, qualcuno avrebbe potuto pensare che la precedente data era ancora valida.

Come usare gli attributi del tag Del

Posso anche usare gli attributi del tag DEL per specificare meglio il messaggio.

L'evento si terra il <DEL title="spettacolo annullato per chiusura teatro" datetime="2015-10-13">17 ottobre</DEL>

Quando l'utente passa il mouse sopra la parola 17 ottobre, il browser mostra il messaggio contenuto nell'attributo TITLE tramite una pop-up testuale.

17 ottobre

L'attributo CITE è utilizzato per indicare la fonte della rettifica. L'attributo DATETIME, infine, indica la data della rettifica all'informazione.

 


 

Segnalami un errore, un refuso o un suggerimento per migliorare gli appunti

FacebookTwitterLinkedinLinkedin
knowledge base

Libri di approfondimento
  1. Il linguaggio Html