>> wróć na stronę główną

17 listopada 2009

URL co to jest? src obrazka, url strony

W świecie wirtualnym jest podobnie jak w rzeczywistym. Jeżeli chcemy odwiedzić ciotkę lub załatwić sprawę na mieście to potrzebny jest adres, pod który musimy się udać. Analogicznie jeżeli chcemy otworzyć stronę lub obejrzeć zdjęcie to musimy znać URL strony/zdjęcia.

Rozwijając skrót URL otrzymujemy Uniform Resource Locator
po naszemu to mniej więcej Ujednolicona RóżnychRzeczy Lokalizacja

URL to szeroki temat, sporo informacji, reguł i definicji. Nie zamierzam komplikować tematu, a jedynie podać parę przykładów oraz opisać podział na URLe względne i bezwzględne.

Przykłady URLi:

URL strony bezwzględny

  • http://html-jak.blogspot.com/
  • http://pl.wikipedia.org/wiki/Jak
  • http://www.zoo-krakow.pl/doc.php?doc=159


URL strony względny

  • ../start.html
  • ssaki/przezuwacze/jak


URL obrazka bezwzględny

  • http://www.zoo-krakow.pl/images/3-big/lori2.jpg


URL obrazka względny

  • ../images/3-big/lori2.jpg



URL strony, URL obrazka, URL javascriptu w praktyce

Przypuścmy, że nasza prosta strona ma następującą strukturę katalogów:




Na stronie głównej 'start.html' umieszczamy obrazek logo.gif, linki do pozostałych stron oraz plik javascript - wszystko to za pomocą URLi względnych. Dodatkowo korzystając z adresu bezwzględnego umieszczamy link do innej strony internetowej. Źródło strony 'start.html' wygląda następująco:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Strona główna</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
</head>
<body>

<!-- Na samej górze URL względny do logo -->
<img src="obrazki/logo.gif" />

<!-- Link do podstron - też adresy względne -->
<a href="podstrony/o-mnie.html">Strona o mnie</a>
<a href="podstrony/kontakt.html">Skontaktuj się ze mną</a>

<!-- Link do innych stron - adresy bezwględne -->
<a href="http://html-jak.blogspot.com">Mój ulubiony blog</a>

<!-- I na koniec javascript - również adres względny -->
<script type="text/javascript" src="skrypty/efekty.js"></script>
</body>
</html>


Analogicznie tworzymy podstronę 'o-mnie.html' umieszczając na niej te same treści oraz dodatkowo zdjęcie ja.jpg. Ponieważ plik 'start.html' jest umieszczony w katalogu 'katalog-domowy', a 'o-mnie.html' znajduje się w 'katalog-domowy/podstrony' więc adresy względne różnią się . Natomiast URL bezwzględny do strony internetowej pozostaje bez zmian. Źródło strony 'u-mnie.html':


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Strona o mnie</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
</head>
<body>

<!-- Na samej górze URL względny do logo -->
<img src="../obrazki/logo.gif" />

<!-- Link do strony głównej i podstrony - adresy względne -->
<a href="../start.html">Powrót do strony głównej</a>
<a href="kontakt.html">Skontaktuj się ze mną</a>

<!-- Zdjęcie -->
<img src="../obrazki/foto/ja.jpg" />


<!-- Link do innych stron - adresy bezwględne -->
<a href="http://html-jak.blogspot.com">Mój ulubiony blog</a>

<!-- I na koniec javascript - również adres względny -->
<script type="text/javascript" src="../skrypty/efekty.js"></script>
</body>
</html>

5 komentarzy:

Anonimowy pisze...

yyyy żal

Anonimowy pisze...

dzieci neo przeważnie uzywają wyrazu "żal" nie potrafiąc innymi słowami wyrazić własnych emocji

"yyyy" doskonale pasuje do schematu wzbogacając merytorycznie komentarz

Anonimowy pisze...

Uniform Resource Locator to raczej znaczy coś w rodzaju Ujednolicony Localizator Zasobów, a to jak Ty to przetłumaczyłeś to trochę nie bardzo z angielskiego :)

Anonimowy pisze...

Zgadzam się, ale Ujednolicony Localizator Zasobów to ULZ a nie URL :P

Anonimowy pisze...

no juz wiem co to url

Prześlij komentarz

Uwaga: tylko uczestnik tego bloga może przesyłać komentarze.