HTML and CSS Reference
In-Depth Information
L'elemento
mark
permette di mettere in risalto una porzione di testo rispetto al resto del
contenuto. L'effetto visivo sul testo è lo stesso che otteniamo quando usiamo un evidenzia-
tore su un foglio di carta.
L'esempio 2.10
mostra un semplice caso di utilizzo del tag, nel quale la parola “eviden-
ziato” viene messa in risalto rispetto al resto della frase.
Esempio 2.10
<p>
Questo testo è <mark>evidenziato</mark>.
</p>
<p>
Questo testo è <mark class="verde">evidenziato in ver-
de</mark>.
</p>
Come possiamo vedere nella
figura 2.2
,
in fase di rendering, lo sfondo dietro alla porzione
evidenziata cambia colore (di default diventa giallo), mentre altrove rimane invariato.
Figura 2.2
- Evidenziazione del testo tramite il tag mark.
Possiamo comunque variare il colore di evidenziazione a piacimento tramite CSS.
Nell'esempio proposto, abbiamo applicato uno stile agendo sulla proprietà CSS
back-
ground
, al fine di evidenziare il testo con uno sfondo verde.
L'elemento
ruby
, insieme ai tag
rt
e
rp
, permette di formattare un contenuto espresso
tramite gli ideogrammi, ovvero i simboli grafici che sono usati nelle lingue orientali come
il giapponese o il cinese.
L'esempio 2.11
riporta alcuni casi d'uso del tag.