Jesteś tutaj: Główna → Teksty → Odnośniki w sekcji HEAD

Odnośniki w sekcji HEAD

Powszechnie wiadomo, że odnośniki w dokumentach HTML umieszcza się w znacznikach <A>. Jednakże autorzy standardu HTML 4.0 umożliwili także umieszczanie dodatkowych odnośników w sekcji HEAD dokumentu napisanego w HTML, określających relacje między dokumentami.

Przykład wprowadzający

Linki w sekcji HEAD dokumentu umieszcza się przy użyciu elementu LINK; przykładowo:

<head>
.
. inne deklaracje
.
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="/css/j-typo.css" type="text/css" />

  <link rel="stylesheet" href="/css/j-colours.css" type="text/css" />
  <link rel="stylesheet" href="/css/zapiski-19-04-2005.css" type="text/css" />
  <link rel="start" title="Strona główna bloga" href="/blog/" />
  <link rel="alternate" type="application/rss+xml" title="RSS"
href="http://www.grabun.com/blog/index.rss" />
  <link rel="prev" title="Dostępność stron generowanych przez blosxom"
href="http://grabun.com/blog/komputery/blosxom/dostepnosc-stron-generowanych-przez-blosxom.html" />
  <link rel="next" title="A w Ameryce nie bardzo"
href="http://grabun.com/blog/komputery/analiza-systemowa/a-w-ameryce-nie-bardzo.html" />
</head>

Typy elementów `LINK`

Typ elementu LINK określa się za pomocą atrybutu rel bądź rev. Atrybut rel określa relację "w przód", podczas gdy rev - relację w tył. Przykładowo, niech aktualnym dokumentem będzie plik o nazwie rozdzial-1.html; w sekcji HEAD tego dokumentu możemy umieścić

<link rel="next" href="rozdzial-2.html" title="Rozdział drugi" />

a w pliku rozdzial-2.html napiszemy:

<link rev="next" href="rozdzial-1.html" title="Rozdział drugi" />

Odczytujemy to następująco: plik rozdzial-2.html jest plikiem następnym, co do kolejności, w stosunku do pliku rozdzial-1.html. Lub, analogicznie: dla pliku rozdzial-1.html plikiem następnym jest plik rozdzial-2.html. Jednym słowem: jeśli plik B jest typu rel="foo" dla pliku A, to plik A jest typu rev="foo" dla pliku B.

Atrybuty rev i rel mogą przyjmować następujące wartości:

Alternate: Oznacza alternatywną, inną wersję aktualnie wyświetlanego dokumentu. W połączeniu z atrybutem lang, wskazuje na tłumaczenie dokumentu na inny język; w połączeniu z atrybutem media, wskazuje na dokument, który wyświetlany jest za pomocą innego medium (przykładowo: wersję dokumentu do druku, wersję dla urządzeń przenośnych itp.)
Stylesheet: Odnosi się do zewnętrznego arkusza stylów. Razem z alternate wskazuje na style, z pomiędzy których może wybierać użytkownik.
Start: Wskazuje na pierwszy dokument z pośród grupy dokumentów; przydatne dla botów wyszukiwarek.
Next: Wskazuje na dokument następny w kolejności, przykładowo na następny rozdział, następny artykuł itp.
Prev: Wskazuje na poprzedni w kolejności dokument.
Contents: Wskazuje na dokument, będący spisem treści danej grupy artykułów.
Index: Wskazuje na dokument, będący indeksem dla danego dokumentu (?)
Glossary: Wskazuje na dokument, zawierający listę słów kluczowych, nowych pojęć itp. występujących w danym dokumencie.
Copyright: Wskazuje na dokument, opisujący prawa autorskie.
Chapter: Wskazuje na dokument, będący rozdziałem.
Section: Wskazuje na dokument, będący sekcją w danej grupie dokumentów (w hierarchii niżej od rozdziału).
Subsection: Wskazuje na podsekcję.
Appendix: Wskazuje na dokument, stanowiący dodatek do danej grupy dokumentów.
Help: Wskazuje na dokument, będący plikiem pomocy (dodatkowe informacje, odnośniki do innych źródeł).
Bookmark: Odnośnik do jakiegoś istotnego miejsca w tekście.

Przykłady

Poniżej wymieniono najczęściej używane typy odnośników umieszczane w sekcji HEAD:

Link do wersji RSS strony

<link rel="alternate" type="application/rss+xml" title="RSS: TheTarPit" href="http://mimas.ceti.pl/tarpit/rss.xml" />; przykład pochodzi z Tarpit.

Link do arkusza stylów przeznaczonego dla wydruków

<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />; przykład pochodzi z simplebits.com.

Link do poprzedniej i następnej strony w stosunku do aktualnie przeglądanej

<link rel="prev" title="Konfigurowanie blosxom"
href="http://grabun.com/blog/komputery/blosxom/konfigurowanie-blosxom.html" />
<link rel="next" title="Wyróżnianie obcojęzycznych fragmentów tekstu"
href="http://grabun.com/blog/komputery/standardy-sieciowe/xhtml/wyroznanie- ›
obcojezycznych-fragmentow-tekstu.html" />

Link do alternatywnego arkusza stylów

<link rel="Alternate Stylesheet" href="http://fawny.org/blog/css/fawnyblog-macabre.css" type="text/css" media="screen" title="MACABRE" />; przykład pochodzi z Le Fawny Blog Personnel. Jak widać, w rel można umieścić więcej niż jedną dopuszczalną wartość.

Różnice

Mimo, że zarówno za pomocą elementu <A>, jak i <LINK> autor ma możliwość utworzenia odnośnika do innego dokumentu, to tak przeznaczenie, jak i działania tych dwóch typów linków jest inne. Poniższe zestawienie obejmuje najbardziej kluczowe różnice.

Cecha	`<A>`	`<LINK>`
Przeznaczenie	Określenie położenia innego dokumentu w sieci; dokument, do którego adres podawany jest w atrybucie `href` nie musi być w żaden sposób powiązany z dokumentem, w którym jego adres został umieszczony.	Określenie położenia innego dokumentu w sieci; dokument, do którego adres podawany jest w atrybucie `href` pozostaje w pewnej relacji z dokumentem, w którym jego adres został umieszczony (jest, przykładowo, nadrzędnym rozdziałem lub spisem treści rozdziałów tego dokumentu).
Wspieralność	Obecnie wszystkie przeglądarki prawidłowo renderują elementy `<A>`.	Nie ma jednoznacznego standardu określającego jak dokładnie program renderujący plik `HTML` powinien wyświetlać elementy `LINK`; co więcej, sam fakt, czy taki program powinien w jakiś sposób wyświetlać te elementy również nie jest jednoznacznie określony. Konsorcjum pisze tyle: Although `LINK` has no content, it conveys relationship information that may be rendered by user agents in a variety of ways (e.g., a tool-bar with a drop-down menu of links).

Po co to wszystko

Niektóre przeglądarki potrafią interpretować odnośniki umieszczone w sekcji HEAD.

shortcut icon

O ile mi wiadomo, to wszystkie powszechnie używane przeglądarki - łącznie z Internet Explorerem 5.0 (?) - interpretują odnośnik typu shortcut icon, za pomocą którego można umieścić w pasku adresu małą ikonkę, symbolizującą daną stronę.

Poniższy przykład pochodzi ze strony zeldman.com:

Więcej o shortcut icon można przeczytać w w FAQ grupy pl.comp.www.

rel="alternate" type="application/rss+xml"

Zarówno Opera, jak i Firefox informują użytkownika o fakcie, że dana strona dostępna jest także w wersji XML. Obie przeglądarki umożliwiają "subskrycję" zmian w takich plikach, przez co użytkownik jest na bieżąco informowany o nowych wpisach w sieciowych blogach, nowych wiadomościach ze świata itp.

W następujący sposób o nagłówkach RSS informuje użytkownika Opera:

Zrzut ekranu, na którym widać w jaki sposób Opera informuje o nagłowkach RSS - za pomocą małego znaczka RSS z prawej strony paska adresu

A tak to robi Firefox:

Zrzut ekranu, na którym widać w jaki sposób Firefox informuje o nagłowkach RSS - za pomocą małego znaczka w prawym dolnym rogu aplikacji

rel="next", rel="prev"

Tego rodzaju elementy są chyba najlepiej wspierane przez przeglądarki. Poza Operą i Mozillą, elementy te są wspierane przez Lynksa, Firefoksa i nawet Internet Explorera (przy użyciu odpowiedniego rozszerzenia, w przypadku tych dwóch ostatnich przeglądarek).

By wyświetlić menu "nawigacyjne" w Operze należy zaznaczyć w menu View › Toolbars › Navigation bar tak, jak na poniższym obrazku:

Zrzut ekranu z Operą: zaznaczone menu View -> Toolbars -> Navigation bar

Istnieja również rozszerzenia dla Firefoksa i Internet Explorera, umożliwiające korzystanie z elementów <LINK>.