Paolo De Feo
a- a+

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.



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Redazione
Condividi le tue opinioni su questo articolo!