Tipi di URL relativi a HTML

March 31

Tipi di URL relativi a HTML


Durante la creazione di una pagina Web, è importante che tutti i collegamenti ipertestuali, contrassegnata da un tag "<A>", scegliere la posizione appropriata. Un modo per farlo è quello di utilizzare i collegamenti assoluti, una tale "http://www.mysite.com/mysite.htm", ma questo rende per i file HTML più grandi e più complesse. L'opzione migliore, quando è possibile, è quello di utilizzare i collegamenti relativi, in quanto questi sono più efficienti e meglio facilitare i cambiamenti del sito web.

Collegamenti relativi all'interno di pagine

link di ancoraggio sono unici in quanto prendono solo gli utenti ad una parte diversa della pagina Web corrente. Quando un utente fa clic su un collegamento a un elemento all'interno di una pagina web, il browser posiziona la posizione di tale elemento sulla cima dell'area di visualizzazione. Un uso comune per questo tipo di collegamento è un "ritorno all'inizio" link in fondo di una grande porzione di testo.

Utilizzando Collegamenti relativi all'interno delle pagine

Al fine di codificare un collegamento relativo all'interno di una pagina, è necessario innanzitutto definire la destinazione con il tag <A name="NAME">, dove "nome" è qualsiasi etichetta alfanumerica si sceglie. Questo non apparirà nel sito finale. Dopo aver definito la posizione di nome, quindi si crea un collegamento standard con il <A HREF="#name">, in cui "# nome" è in realtà l'etichetta creata, preceduto dal simbolo cancelletto (#). Assicurarsi di chiudere questo tag con un </A> dopo il testo visibile si desidera la gente a fare clic su. Ad esempio, un link che dice, "Clicca qui per tornare al top" e indirizza gli utenti verso l'elemento chiamato "top" su di clic sarà simile:

<A Href="#top"> Clicca qui per tornare al top </A>

Link relativi tra le pagine

I siti web sono fatti tipicamente da più file ".html" con collegamenti tra di loro ".htm" o. Poiché la maggior parte delle pagine Web vengono prima fatte su un computer locale, poi caricato su un server Web, non si può dipendere il percorso assoluto di ogni file rimanente lo stesso. Dal momento che questi file di solito rimanere nella stessa directory come l'un l'altro, si può dire il link per la ricerca "nella directory corrente" per il file specificato. In questo modo, il collegamento funzionerà non importa dove si carica il sito, a condizione che il file collegato si trova nella stessa directory del file --- o nella stessa sottodirectory --- dell'originale.

Utilizzando i collegamenti relativi tra le pagine

È importante notare che, affinché collegamenti relativi al lavoro, la pagina Web deve essere in grado di trovare il file collegato relativo alla posizione del file corrente. Immaginate due file vengono caricati --- "first.htm" e "second.htm" --- ad un percorso su un server Web a "sito / myusername / principale." Fino a quando entrambi i file "htm" sono nella stessa cartella (... / principale), possono collegarsi reciprocamente elencando il nome del file nella parte HREF del tag <A>. Per esempio:

<A HREF="second.htm"> Si tratta di un collegamento al file "second.htm" </A>

<A HREF="first.htm"> Si tratta di un collegamento al file "first.htm" </A>

E 'importante notare che se un file è in una sotto-directory relativa al file corrente, un "./" dovrebbe essere allegato al l'inizio del collegamento per consentire al navigatore sa che si tratta di un sub-directory relativa alla corrente directory. Se un file terzo, third.htm, è stato caricato nella directory "sito / myusername / main / terzo" (una sotto-directory dei primi due, si noterà), poi un collegamento al file in first.htm sarebbe Assomiglia a:

<A HREF="./third/third.htm"> Si tratta di un collegamento al file </A> "third.htm"

Infine, tutti i collegamenti all'interno del "third.htm" file per il file "Nome" o "second.htm" richiederebbe un "../" aggiunto al collegamento, in modo da dire al browser che il file è una directory "up" dalla posizione corrente. Un link a "first.htm" dentro "third.htm" sarebbe quindi simile a questa:

<A HREF="../first.htm"> Si tratta di un collegamento al file "first.htm" </A>