Page 25 - Guida tascabile HTML5
P. 25
TERMINOLOGIA Con la specifica HTML5 è stato introdotto un altro tag dedicato alle
interruzioni di riga: <wbr>. Abbreviazione di word break, questo tag può essere
posizionato all’interno di termini molto lunghi senza spazi, per indicare al browser i
punti corretti per un’eventuale suddivisione della parola su più righe. Può tornare utile
per migliorare l’impaginazione di link o nomi file, che a volte possono creare problemi
come in questo caso:
http://www.apogeonline.com/<wbr>libri/Collana/Pocket.L’interruzione avverrà solo se lo
spazio a disposizione sulla riga non dovesse essere sufficiente per contenere l’intera
parola.
Citazioni e blocchi di testo formattato
Alcuni paragrafi potrebbero avere caratterizzazioni particolari, che è corretto
sottolineare nel markup sia per il loro significato semantico, sia per questioni
legate alla loro caratterizzazione grafica.
Per esempio il tag <blockquote> identifica un contenuto citato, e tramite
l’attributo cite è possibile fare riferimento alla fonte. Nel caso di citazioni
complesse è possibile nidificare all’interno di questo tag più paragrafi.
<blockquote cite="http://www.w3.org">
The World Wide Web Consortium (W3C) is an international
community that develops open standards to ensure
the long-term growth of the Web.
</blockquote>
In altre occasioni potreste avere l’esigenza di usare testo formattato in modo
particolare (per esempio blocchi di codice in cui spaziature, indentazioni e spazi
sono importanti e devono essere preservate): utilizzate il tag <pre> (abbreviazione
di preformatted) per identificare questi contenuti.
<pre>
Il blocco di testo conserva
le interruzioni di riga
e la spaziatura.
</pre>
Gli elenchi puntati e numerati
La specifica HTML5 (in realtà già le precedenti specifiche HTML) prevede un
set di tag dedicato alla marcatura di elenchi puntati e numerati. Tali elenchi trovano
utilizzo sia nel flusso principale del documento, per il contenuto vero e proprio,
sia per creare liste di voci in menu di navigazione, archivi e così via.