Odsyłacze w HTML

Najważniejszą zaletą HTMLa jest możliwość połączenia dokumentów tzw. odsyłaczem. W HTML odsyłacze przenoszą do innego dokumentu lub do miejsca na stronie. Można stworzyć także odsyłacze do innych usług niż strony HTMLowe, np. do klienta poczty, serwera ftp itp. To daje dość duże możliwości.

Aby uruchomić odsyłacz musisz kliknąć w wyznaczone miejsce np. w napis czy obrazek. Nie istnieją łącza, które same się uruchamiają (co prawda przy użyciu metadefinicji można przenieść się automatycznie do innej strony, ale to nie jest łącze).

Znacznikiem używanym do tworzenia łącz jest <a>. Posiada on następujące atrybuty:

• href
• name
• target

W najprostszym przypadku, czyli jeżeli odnosimy się do dokumentu HTML, atrybut href powinien mieć wartość równą adresowi url do tego dokumentu. Inne przypadki omówione są niżej.

Atrybut target może mieć następujące wartości:

• nazwa_ramki - strona ładowana jest do ramki o tej nazwie, jeżeli takowa ramka nie istnieje strona ładowana jest do nowego okna
• _blank - strona ładowana jest w nowym oknie
• _self - strona ładuje się do bieżącego okna
• _parent - strona ładuje się do okna macierzystego
• _top - strona ładuje się do okna stojącego najwyżej w hierarchii, w praktyce oznacza to anulowanie ramek

Przykłady użycia łącz odnoszących się do dokumentów HTML:

<a href="http://www.webinside.pl/">Artykuł „COŚ"</a> <a href="katalog/strona.html">Jakaś strona</a>

Jeżeli chcesz, aby z twojej strony można było ściągnąć jakiś plik, dajmy na to program to wystarczy stworzyć łącze, które będzie się odnosiło do niego, np.

<a href="plik.zip">Spakowana wersja czegośtam</a>

Kolejnym przypadkiem jest używanie łącz do odnoszenia się do jakiegoś miejsca na stronie. Przypuśćmy, że na stronie masz jakiś ogromny dokument podzielony na rozdziały i chciałbyś, żeby na górze pojawiły się odnośniki do poszczególnych rozdziałów. Aby odnośniki na górze wiedziały gdzie są dane rozdziały musisz ustalić dla poszczególnych linijek tego dokumentu (np. dla nazw tych rozdziałów) jakieś nazwy. Do tego służy atrybut name znacznika <a>, np.:

<a name="jozef">Rozdział 15: Józef i jego podboje</a>

 

<a name="wladyslaw">Rozdział 23: Franio i Władysław</a>

Tworząc nazwy dla poszczególnych miejsc na stronie należy pamiętać, żeby się one nie powtarzały. Sam odnośnik do miejsca na stronie wygląda w następujący sposób: <a href="#nazwa_miejsca"> dla miejsca na aktualnej stronie oraz <a href="strona.htm#nazwa_miejsca"> dla miejsca na innej stronie. Przykłady użycia takich odnośników:

<a href="#jozef">Odnośnik do rozdziału 15</a>

 

<a href="index.htm#wladyslaw">Odnośnik do rozdziału 23</a>

Następnym przypadkiem używania łącz jest odnoszenie się do programu pocztowego. Odnośnik do programu pocztowego ma postać: <a href="mailto:yashke@poczta.fm">E-mail do Jacha</a>. Dodatkowo można ustalić temat wiadomości, do kogo jeszcze ma być wysłana, do kogo wysłana w ukryciu, a nawet treść wiadomości. Oto przykłady użycia dodatkowych właściwości wiadomości:

• Dla nadania tematu wiadomości: <a href="mailto:yashke@poczta.fm?Subject=Temat wiadomości">Jachu</a>
• Wysłanie komuś innemu tego maila: <a href="mailto:yashke@poczta.fm?cc=yashke@wp.pl">Jachu</a>
• Wysłanie wiadomości do kogoś w ukryciu: <a href="mailto:yashke@poczta.fm?bcc=yashke@wp.pl">Jachu</a>
• Nadanie treści wiadomości: <a href="mailto:yashke@poczta.fm?body=To jest email do Jacha">Jachu</a>

Oczywiście można łączyć ze sobą kilka właściwości, np. nadać temat wiadomości i jej treść. Służy do tego symbol & (ampersand). Przykład użycia:

<a href="mailto:yashke@poczta.fm?Subject=Temat wiadomości&body=To jest e-mail do Jacha">Jachu</a>

Kolejnym sposobem wykorzystywania łącz jest tworzenie odnośników do takich usług jak telnet, news, gopher, ftp bądź innych. Przykład połączenia z gopher:

<a href="gopher://costam.domena.pl">Usługa gopher</a>

Jak widać na przykładzie, żeby móc stworzyć łącze do jakiejś usługi trzeba wpisać jego pełen adres, razem z rodzajem użytego protokołu, czyli dla:

• gopher - gopher://
• news - news:
• telnet - telnet://
• ftp - ftp://