Page 80 - Guida tascabile HTML5

Correzioni al testo: i tag <ins>, <del> e

<s>

Una delle possibilità che caratterizzando il Web e lo differenziano da altri media

più tradizionali è la vitalità dei contenuti: in ogni momento è possibile intervenire
sulle pagine, anche già pubblicate, per aggiornare, correggere, ritoccare o integrare

il testo. Ci sono casi in cui è importante che l’utente abbia coscienza delle

modifiche apportate a un documento: la coppia di tag <ins> e <del> permette
proprio di marcare il contenuto, segnalando, rispettivamente, ciò che è stato

aggiunto e ciò che è stato eliminato.

Questa possibilità può rivelarsi fondamentale, per esempio quando si ha a che
fare con documenti ufficiali, come leggi o regolamenti, oppure quando si vogliono

evidenziare visivamente le differenze tra due versioni di uno stesso contenuto.

<p>Utilizza <del>HTML 4.01</del> <ins>HTML5</ins></p>

Figura 5.12 L’aspetto di default attribuito ai tag dai browser attuali.

Tenete presente che, per evitare confusione con altri contenuti, potete intervenire

con regole CSS dedicate e caratterizzare in maniera più significativa le modifiche.
Per esempio, associando il seguente foglio di stile al markup precedente è

possibile evidenziare ancora di più l’informazione.

<style>
del {
color: LightGrey;
font-size: smaller;
}
ins {
color: Red;
text-decoration: none;
font-weight: bold;
}
</style>

Figura 5.13 La correzione diventa molto evidente: a schermo è addirittura di colore
rosso.