Page 89 - Guida tascabile HTML5

Ricorrendo al tag <rp> è inoltre possibile fornire una versione di fallback per i

browser che non supportano la marcatura <ruby> (il testo all’interno dei tag <rp>

sarà ignorato dai browser che la supportano):

<ruby>京都<rp>(</rp><rt>Kyōto</rt><rp>)</rp></ruby>

Figura 5.20 Le parentesi nel tag <rp> vengono utilizzate quando il browser non
supporta le annotazioni ruby.

Nei due esempi, le annotazioni Ruby sono aggiunte in due alfabeti diversi,

hiragana nel primo e latino nel secondo: in base al pubblico a cui ci si rivolge può
essere significativo adottare soluzioni differenti. In alcuni casi può anche essere

indicato nidificare più notazioni <ruby>, per fornire indicazioni di pronuncia

alternative.

NOTA È possibile utilizzare le annotazioni Ruby anche in contesti più vicini a noi, non
legati alle lingue orientali: pensate per esempio alle annotazioni di pronuncia spesso
utilizzate nei dizionari in lingua inglese o italiana.

Direzione del testo

Altri due tag studiati per integrare contenuti non omogenei sono <bdi> e <bdo>,
utili per gestire contenuti con direzioni differenti: l’alfabeto latino è scritto da

sinistra verso destra, mentre altri alfabeti si sviluppano in direzione opposta, da

destra verso sinistra.
Il tag <bdi> (Bi-Directional Isolation) isola il testo al suo interno dal resto del

contenuto, evitando possibili conflitti: in questo modo si ha la garanzia che il

paragrafo venga presentato nel modo previsto.

<p>La città di Tel Aviv (in ebraico <bdi>ופי-ביבא לת</bdi>) è il centro economico
di Israele.</p>

NOTA Questo tag si rivela molto utile dove nella pagina vengono inseriti contenuti
generati dagli utenti, sui quali il controllo redazionale è per forza di cose minore.