Page 90 - Guida tascabile HTML5
P. 90
Pensate per esempio ai nickname o ai dati personali degli utenti che commentano un
post.
Il tag <bdo> (Bi-Directional Override) permette invece di forzare la direzione del
testo marcato, svincolandola dall’alfabeto di riferimento. È sufficiente specificare
la direzione voluta tramite l’attributo dir: il valore rtl (right-to-left) forzerà la
direzione da destra a sinistra, mentre l’attributo ltr (left-to-right) farà il contrario.
<p>Firma: <bdo dir="rtl">Leonardo da Vinci</bdo>.</p>
Con un markup come quello dell’esempio, l’intero blocco all’interno del tag
<bdo> sarà “rovesciato”.
Figura 5.21 Il tag <bdo> permette di forzare la direzione di scrittura del testo in
modo indipendente dall’alfabeto di riferimento.
Un riferimento generico: il tag <span>
La specifica HTML prevede il tag <span>, volutamente lasciato come ultimo del
capitolo, per i casi in cui si rende necessario creare un riferimento univoco a una
porzione di contenuto in linea, ma nessun altro tag risulta più indicato.
Questi riferimenti, utili per esempio per associare regole CSS o script
JavaScript, possono essere marcati con il tag <span>, che non associa uno specifico
valore semantico. Di per sé tale tag non modifica l’aspetto del contenuto, e il
browser lo visualizzerà come il testo circostante.
Questo tag è spesso utilizzato con gli attributi id o class, che rimandano alle
adeguate regole CSS da associare.
<p>Il sole è <span style="color:yellow;">giallo</span>.</p>
Un markup come quello del listato qui sopra, in cui la parola giallo viene
caratterizzata visivamente senza un motivo legato al suo significato semantico, è un
ottimo esempio di utilizzo del tag <span>.
TERMINOLOGIA Come per il tag di blocco <div>, si ha spesso la tendenza a utilizzare i
tag generici invece di documentarsi e identificare il tag specifico più appropriato. Un
markup di qualità, in cui i tag più adatti arricchiscono semanticamente il contenuto, è
più completo e più facilmente elaborato e tenuto in considerazione da web crawler di
motori di ricerca e altri servizi online.
