Verso un web accessibile e usabile
|
i-use.it
>
Guide e articoli
>
Xhtml
> Il tag <link> per semplificare la navigazione di articoli strutturati
Il tag <link> per semplificare la navigazione di articoli strutturati Articolo letto: 6975 voltedi Marco DeseriIl tag <link> è uno strumento poco conosciuto, con il quale è possibile offrire uno strumento di navigazione integrato nell'interfaccia del browser. Sommario IntroduzioneIn questo articolo approfondiremo l'uso del tag link, grazie al quale possiamo offrire ai visitatori uno strumento di navigazione da affiancare a quelli tradizionali. Con <link> è possibile definire pulsanti standard, che vengono visualizzati in una barra di navigazione integrata nell'interfaccia del browser e che consentono di raggiungere in ogni momento le pagine cruciali di un sito: la home, la mappa, la pagina di help, le informazioni sull'autore e sul copyright. Al momento questa caratteristica non viene offerta su alcuni dei più diffusi browser (leggi Internet Explorer), anche se sono sempre di più i software che implementano questa soluzione. Quando è utile il tag <link>?Perché usare <link>? Perché l'uso di questo tag consente di compiere un passo nella direzione di un web più facile da navigare: finalmente è possibile offrire ai propri visitatori uno strumento che consente loro di muoversi senza dover prima studiare l'organizzazione e l'interfaccia del sito. Vi sarà capitato di visitare pagine realizzate da designer di talento, che hanno pensato di reinventare la ruota per offrire un'interfaccia originale, e di essere presi dallo sconforto. Se cercate informazioni, non avete tempo da perdere: volete un'interfaccia immediata, che vi mostri dove sono le cose e non le nasconda dietro complicate metafore. Se ogni sito offrisse la stessa interfaccia, trovare le informazioni non sarebbe un problema: sarebbe una noia. Per fortuna, html fornisce una soluzione comoda per migliorare la navigazione e che non penalizza la creatività dei designer. La sintassi di <link>Diamo un'occhiata alle specifiche html 4 riguardo al tag link:
In questo caso, l'attributo REL ci dice che capitolo2.html è il documento che segue quello corrente. L'attributo REL specifica una relazione di link dal documento corrente a quello specificato dall'attributo href. Suo complementare è REV, che specifica una relazione all'indietro: <link rel="Prev" href="capitolo1.html"> Possono essere specificati diversi tipi di relazioni tra link:
Gli altri tipi di link presenti nella specifica sono: chapter, section, subsection, appendix e bookmark. Molti di questi sono utili per fornire un'interfaccia di navigazione coerente in documenti molto strutturati come libri o tesi di laurea. Per un elenco più completo dei tipi di link si può vedere questa raccolta, all'interno della quale sono presenti anche i tipi di link attualmente nei working draft: http://fantasai.tripod.com/qref/Appendix/LinkTypes/alphindex.html In praticaIn pratica possiamo inserire nell'<head> del nostro documento html una serie di <link>: <link rel="start" type="text/html" href="index.html"> <link rel="contents" type="text/html" href="mappa.html"> <link rel="author" type="text/html" href="autore.html"> <link rel="search" type="text/html" href="cerca.html"> Se state usando Internet Explorer non vedrete assolutamente niente. Con mozilla, opera, iCab, linx e altri meno conosciuti, invece, dovreste visualizzare una barra (probabilmente sotto quella dell'url) con una serie di pulsanti, di cui quattro attivi: quello relativo alla prima pagina del sito, che apre index.html; quello relativo alla mappa del sito, che apre mappa.html; quello relativo all'autore, che apre nel browser la pagina autore.html; e infine quello che porta ad una pagina di ricerca. Dei quattro link inseriti gli ultimi due non fanno parte delle specifiche ufficiali di html, ma sono contenute in alcune bozze e sono già supportati da alcuni browser. Come vedete è molto semplice dotare il proprio sito di un servizio aggiuntivo, che in certi casi può tornare molto utile. CompatibilitàPer finire, le dolenti note. A causa dello scarso supporto offerto dai principali browser (in particolare Internet Explorer) è uno strumento poco utilizzato, nonostante il suo ottimo potenziale. Anche se questo tag era presente nelle specifiche html già nel 1995, solo ora i principali browser cominciano a supportarlo. La speranza è che in un futuro prossimo questa caratteristica sia resa disponibile su tutti gli user-agent, e in particolare su quelli più diffusi tra gli utenti del web. Risorse
Un buon punto di partenza, con diversi collegamenti sul tag <link>
Un tutorial sul tag link
Specifiche del w3c riguardo al tag link
Elenco di tutti i tipi di link attualmente presenti e di quelli allo studio |
The bat! V3The Bat! è un programma di posta elettronica sicuro contro i virus ed efficace
contro lo spam. |