Evidenziare testo in HTML con il tag <mark>

Il tag <mark> di HTML è stato introdotto a partire dalla v.5 del linguaggio. Si tratta di un tag specifico per la formmattazione del testo e la sua funzionalità consiste nell’evidenziare una o più parole all’interno di un testo per rimarcarne l’importanza. Vediamo un esempio:

<p>All'interno di un testo può essere utile <mark>evidenziare alcune parole</mark> in modo tale che il lettore vi possa dare la giusta importanza.</p>

Quasi tutti i browser stilizzano di default il tag <mark> assegnando alle parole in esso contenute il colore nero su uno sfondo giallo. Ecco uno screenshot del testo evidenziato all’interno di una pagina HTML:

Ovviamente questa stilizzazione può essere modificata a piacimento tramite i CSS, ad esempio:

mark {
  background-color: #8FFFFF;
  color: #000066;
}

Questa stilizzazione creerà un effetto di evidenziazione di colore azzurro con un testo di colore blu scuro.