Gazeta Internetowa

HTML - cz. 6. - Linki

Użycie odsyłaczy hipertekstowych

Charakterystyczne dla dokumentów HTML jest użycie odsyłaczy. Stosowane są do następujących celów:
  • wykonanie skoku do innego miejsca w dokumencie
  • ściągnięcie innego dokumentu (z ewentualnym przemieszczeniem do innego miejsca w dokumencie niż na początek)
  • ściągnięcie pliku (z zapisem lub odtworzeniem)
Poznaliśmy już pewne zastosowanie odsyłaczy. Znacznik <img> w swoim parametrze src posiada wskazanie na plik zawierający obrazek. Obrazek ściągnięty jest natychmiast w trakcie ładowania dokumentu (w internecie trwa to troche dłużej). Język HTML posiada znacznik umożliwiający wykonanie jednej z wyżej wymienionych operacji jako reakcję na stukniecie myszką w wyróżnione miejsce. Służy do tego znacznik <A..>.

Najprostsze użycie znacznika wygląda następująco:

  Stuknięcie myszą w
  <A href="#start">start</a>
  spowoduje skok na początek dokumentu
Użyty tak znacznik w dokumencie powoduje wyróżnienie tekstu (lub rysunku pomiędzy znacznikami). Wyróżniony tekst jest podkreślony i posiada inny kolor (ustawiony parametrem link znacznika body). Stuknięcie myszą w obszar pomiędzy znacznikami powoduje wykonanie skoku wewnątrz dokumentu jak pokazane jest to w następnym zdaniu. Stuknięcie myszą w
start spowoduje skok na początek dokumentu.

Podstawowym parametrem znacznika jest src. Jeżeli pierwszym znakiem adresu jest # przeglądarka znacznik taki traktuje jako instrukcje skoku wewnątrz dokumentu. Za znakiem # znajduje się nazwa miejsca skoku. Do kompletu brakuje tylko jak zdefiniować miejsce, do którego wykonywany jest skok. Tak jak poniżej:

  <A name="start">
Ta forma znacznika nie jest parzysta. Nie piszemy też znaku #. Przeglądarka prawidłowo zinterpretuje taki znacznik.

Druga forma użycia znacznika to ściągnięcie innego dokumentu. Znacznik używamy jak poprzednio np.:

  <A href="#druga.htm">druga strona</a>
oczywiście bez znaku #. Jeżeli dokument znajduje się w tym samym miejscu (serwerze, katalogu) co bieżący lub miejscu wskazywanym znacznikiem <base ...> wystarczy podać tylko nazwę pliku, w przeciwnym także nazwę katalogu, a nawet jeżeli to potrzebne to nazwę serwera (jeżeli jest inny) i nazwę protokołu (także jeżeli jest inny niż bieżący). Ogólnie nazwa może wyglądać następująco:
  nazwa_protokołu//nazwa_serwera/nazwa_katalogu/nazwa_pliku
Objaśnienie:
  • Nazwa protokołu transmisji może być jedna z następujących: http:, ftp:, news:, gopher:, telnet:. Zazwyczaj stosowany do stron WWW jest http: i w większości wypadków można go pominąć. W celu wskazania, że plik ściągany będzie nie z sieci, a z dysku w miejscu protokołu należy wpisać file:. Nie ma takiego wymagania, jeżeli aktualny plik dokumentu ściągnięty został z dysku.
  • Nazwa serwera składa się z ciągu słów oddzielonych kropkami, np. WWW.ONET.PL.
  • Nazwę katalogu stosujemy podobnie jak w systemie DOS / Windows jednakże zamiast znaku \ stosujemy /, tak jak przyjęto to w systemie UNIX.
  • Nazwa dokumentu to nazwa naszego pliku. Jeżeli nazwa zostanie pominięta przeglądarka ściąga zazwyczaj plik index.htm lub index.html ze wskazanego katalogu.
Tak zbudowany odsyłacz używamy we wszystkich znacznikach zawierających odsyłacze, a więc także we wcześniej poznanych base, i img. Pisząc odsyłacze musimy jeszcze zwrócić uwagę na dwie rzeczy.
  • należy się upewnić jak działają duże i małe litery na serwerze do którego wskazują odsyłacze. Wskazanie może zostać niezrealizowane jeżeli serwer odróżnia małe i duże litery i plik np. nazywa się drugi.htm, a we wskazaniu napisano DRUGI.HTM.
  • nie ma też pewności, czy prawidłowo będą działać wskazania na pliki o dłuższych nazwach.
Wątpliwości należy rozwiać u administratora serwera lub metodą prób i błędów.

Formą łączącą dwa powyższe sposoby adresowania jest następujący przykład:

  <A href="drugi.htm#start">start drugiego</A> 
W tym przypadku zostanie ściągnięty dokument drugi.htm i wykonany zostanie skok do miejsca zdefiniowanego jako start. Znak # rozdziela adres pliku i nazwę miejsca skoku.

Trzecia forma znacznika używana jest w celu ściągnięcia pliku z serwera i wygląda identycznie jak druga. Działanie jest różne dla różnego rodzaju przeglądarek i różnego rodzaju plików.

  <A href="http://ftp.serwer.com/plik.zip">ściągnięcie</A> 
W tym przykładzie po stuknięciu myszą w słowo ściągnięcie w przypadku Internet Explorera wyświetlone zostanie okno dialogu z pytaniem Otwórz ten plik z bieżącej lokalizacji lub zapisz ten plik na dysku . Podobne pytania wyświetlą się także w Netscape. W przypadku pliku typu GIF plik po prostu zostanie ściągnięty w miejsce bieżącej strony.

Znacznik <A ...> może mieć następujące parametry:

  • HREF - wskazanie na wywoływany obiekt
  • NAME - określenie w dokumencie miejsca skoku
  • TARGET - wskazanie do której ramki ładować ściągnięty dokument (użyte przy stosowaniu dokumentów tworzonych za pomocą znaczników frame)
  • TITLE - opis adresu
  • REL, REV - opis relacji pomiędzy kotwicą, a HRF.

K. G. Stoler stoler@kr.onet.pl

[spis treści]


Podoba Ci się ta Gazeta ? Zachęć do prenumeraty swoich znajomych !