Testo evidenziato con HTML5: il tag mark
Vediamo come funziona il tag mark che evidenzia il testo o una parte di esso.
Il tag <mark> introduce una nuova caratteristica visiva nei documenti HTML: il testo evidenziato. Il testo evidenziato assume per l’utente un valore molto diverso rispetto a corsivo o grassetto: è infatti capace di apparire subito nel blocco redazionale, portando il lettore a focalizzarsi subito sulle righe o sulle parole interessate. Il suo scopo principale è dunque generare attenzione intorno ad un concetto testuale.
Esempio:
<p>Domani è il primo maggio, <mark>Festa dei lavoratori</mark>, un avvenimento da ricordare.</p>
Output web:
Domani è il primo maggio, Festa dei lavoratori, un avvenimento da ricordare.
Un suo utilizzo pratico può essere quando bisogna evidenziare, all'interno del testo, tutte le occorenze della chiave di ricerca per cui è stato trovata quella pagina web (in modo simile a come fa Google nei propri risultati di ricerca evidenziando in grassetto la chiave di ricerca, in questo caso utilizzando <mark> si sarebbe evidenziato il testo con un colore).
Anche il tag <mark> è supportato da tutti i maggiori browser, anche il software di casa Microsoft.