Come risolvere URL relativi

January 7

Come risolvere URL relativi


Uniform Resource Locator, o URL, indirizzi sono basate sul linguaggio per i dati di Internet. È più comunemente li incontro come gli indirizzi per le pagine Web; per esempio, www.101squadron.com/101/101.html. Questo URL indica che il server (www), il nome di dominio (101squadron.com), una directory o una cartella (101) e la pagina Web corretta (101.html). tag HTML per i media, come ad esempio immagini o collegamenti ad altre pagine di quel sito, possono essere indicate come interi URL assoluti, come in http://101squadron.com/pics_webs/Webs-Avia.jpg. Tag e collegamenti possono anche utilizzare un URL relativo che può essere simile a ../pics_webs/Webs-Avia.jpg o semplicemente il nome del file, come in Webs-Avia.jpg.

istruzione

1 Vai a un sito web. Ad esempio, utilizzare una pagina in uno dei siti di riferimento per questo articolo, Note Web Developer, a http://www.webdevelopersnotes.com/design/relative_and_absolute_urls.php3.

2 Visualizzare il codice sorgente HTML per quella pagina. In Windows, premere i tasti "U" sulla tastiera "Ctrl". In Mac OS X, premere il tasto "Comando" + "U" o "Opzione" + "Comando" tasti + "U", a seconda del browser.

3 Guardate la linea 10 del codice HTML. Questo è un riferimento al foglio di stile a cascata, a cui la pagina si riferisce ad adottare un certo aspetto. Il collegamento è href = "../ webdevelopersnotes.css." I due punti all'inizio di questo URL relativo significa il collegamento torna alla directory più in alto, e poi segue il resto del percorso del file che si collega a. La pagina che state guardando è "www.webdevelopersnotes.com/design/relative_and_absolute_urls.php3." Questo link relativo si risolve per prima alla directory iniziale, "www.webdevelopersnotes.com," e poi per il nuovo file "webdevelopersnotes.css." Come un URL assoluto, sarebbe simile a questa:

"Http://www.webdevelopersnotes.com/webdevelopersnotes.css."

4 Guardare linea 126 della sorgente. Si tratta di un tag immagine che richiama per l'immagine "relative_absolute_urls.gif." Questo è anche un URL relativo; può anche essere scritto come "/relative_absolute_urls.gif." La mancanza dei due punti che vedi al punto 3 significa che questo file si trova nella stessa directory della pagina che si sta guardando - "www.webdevelopersnotes.com/design/relative_and_absolute_urls.php3", che racconta la "relative_and_absolute_urls.php3 "pagina si trova all'interno del" Repertorio di progetti ". Questo URL relativo, senza i puntini, indica "relative_absolute_urls.gif" si trova anche nella directory "Design". Si risolve in un URL assoluto di "http://www.webdevelopersnotes.com/design/relative_absolute_urls.gif."

5 Guardate la linea 48. Questo collegamento utilizza un URL assoluto di "http://www.webdevelopersnotes.com/basics/index.php3." Il Web designer avrebbe potuto invece fatto di questo un URL relativo, nel qual caso sarebbe "../basics/index.php3."

Consigli e avvertenze

  • Non esiste alcun motivo per quanto riguarda la selezione URL relativi o assoluti come si codifica un sito web. Si tratta di una preferenza.