guida online html5 & css3

I collegamenti ipertestuali

Sintassi del tag <a>

<a href="URL" [target="finestra di destinazione del link"] [title="descrizione del collegamento"] [download="download"]>anchor text</a>

Il sistema degli URL/URI

il presupposto fondante del sistema internet  è che non esistono due risorse che abbiano lo stesso indirizzo. Un indirizzo è il posto "fisico" in cui si trova una risorsa sulla rete (una cartella, una pagina web, un doc pdf, ecc). Gli indirizzi web di chiamano URL (Uniform Resource Locator).

Schema di un url

Un indirizzo web si presenta in questa forma

http://www.sottodominio.dominio.ext/pathInterno/risorsa.html?paramentro1=valore&parametro2=valore...&parametroN=valore

http, https, ftp, ftps, sono lo "schema" del collegamento che indica che tipo di server dovrà rispondere alla richiesta che fatta dal browser.

http sta per Hyper Text Transfer Protocol

htts sta per Hyper Text Transfer Protocol over Secure Socket Layer (SSL). L'SSL è un certificato che attesta la sicurezza delle comunicazioni da e verso il dominio. I dati di pasasggio da e verso il server vengono crittografati con un livello di profondità che va dai 128bit ai 512bit.

www indica che ci troviamo nel World Wide Web. Può o meno essere presente (a seconda della configurazione del server).

sottodominio è il dominio di III livello.

dominio è il dominio di II livello.

ext è il dominio di I livello.

path è (l'eventuale) percorso interno al dominio.

risorsa è la risorsa a cui vogliamo accedere.

Quando la pagina web è in grado di "reagire" in maniera dinamica alle richieste (pagine che interrogano un database) le variazioni d irichiesta vengono fatte mediante parametri posti al termine dell'url nella forma nomeParametro=valore. Il primo parametro viene "passato" all'indirizzo preceduto dal segno (?) oppure (#), gli altri sono preceduti dal segno (&)

URL assoluti e relativi

Un URL si dice relativo quando si trov all'interno dello stesso dominio dal quale "parte" il link, sulla root o più sottocartelle.

Collegamento alla homepage di questo sito.

Si parla di URL assoluti per qualsiasi risorsa residente altrove. In tal caso l'URL deve essere completo di schema (http://, https://, etc).

Collegamento alle spiagge di Fernando De Noronha su Wikipedia.

Dove siamo su Google Maps.

Collegamenti e nuove finestre del browser

L'attributo target contiene un valore che indica quale finestra del browser verrà utilizzata per visualizzare l'URL. Quando non indicato viene assunto il valore di default che è "_self": l'URL viene visualizzato nella finestra attuale.

_self - stessa finestra

_blank - apre un nuovo tab (scheda) del browser

name - un nome arbitrario che viene assegnato ad una finestra del browser

Apri Castel Sant'Elmo nella finestra "gallery".

Apri Piazza del Gesù nella finestra "gallery".

Apri il sito Apple in una nuova scheda del browser.

Collegamenti e download di file

I browser sono in grado di aprire e visualizzare file dei più diversi tipi, dalle immagini in formati TIFF ai PDF, poichè internamente posseggono delle estensioni che permettono di "comprendere" questi formati. Quando linko ad un file in formato PDF, questo verrà aperto nella finestra del browser.

Link al manuale utente nella cartella media/documenti.

Scarica il manuale utente in formato pdf compresso.

Scarica il manuale utente in formato PDF mediante l'attributo "download" (non funziona in locale con Chrome).

Collegamento tramite immagini