Kapcsolatrendszer megadása

Az interneten webes felülettel publikált dokumentumok általában sok weboldalból állnak. Ezek mindegyike több állományból állhat össze, ha a stíluslapokat és szkripteket is használjuk. Az ilyen módon az egyes állományok közötti hierarchikus kapcsolatrendszer megadására is biztosít a HTML 4.01-es szabánya egy ezközt, a LINK elemet.

A jelenlegi böngészők ennek lehetőségeit még nem tudják teljesen kihasználni, azonban a későbbiekben megjelenő böngészők várhatóan képesek lesznek a LINK elem segítségével megadott információkat felhasználni. Az internetes keresőrendszerek pedig már akár most is képesek ezek alapján az információk alapján megállapítani, hogy például egy sok oldalas dokumentumnak milyen címen érhető el a kedzőoldala. Éppen ezért érdemes legalább futólag megismerni a lehetőségeket.

Ezeket az információkat a dokumentum fejlécében, tehát a HEAD elemen belül helyezhetjük el.

Az oldalhoz kapcsolódó állományok

Mint arról már többször volt szó, a weboldal nem csupán egyetlen HTML nyelven írt állományból áll, hanem kapcsolódik hozzá egy stíluslap, ami leírja, hogy mit hogyan kell(ene) megjeleníteni. Ezt a stíluslapot célszerű külön állományban elhelyezni, mert ekkor ugyanazokat a stílusdefiníciókat alkalmazhatjuk több weboldal esetében is. Ennek nagy előnye, hogy ha valamit módosítani szeretnénk, akkor azt egyetlen állományban megtehetjük, és nem kell valamennyi weboldalat módosítani a hatás érdekében.

A másik lehetőség a weboldalhoz kapcsolódó erőforrásokra a valamilyen webes programozási nyelven (pl. JavaScript, Python stb.) írt eljárások, amelyek növelik az oldal aktivitását. Ezeket a szkriptnek nevezett programkódokat szintén elhelyezhetjük külön állományban, amely esetben szintén a LINK elem segítségével lehet a böngészővel közölni, hogy hol található az oldal megjelenítéséhez szükséges erőforrás. Ez utóbbit azonban nem a LINK elemmel kell megadni, hanem a SCRIPT elemmel.

A stíluslap megadására példa a következő kódrészlet, ahol a main.css nevű állomány tartalmát használjuk stíluslapként:

<LINK rel="stylesheet" type="text/css" href="main.css">

Más nyelvű változat a dokumentumra

Amennyiben más nyelvű változata is létezik ugyanennek a dokumentumnak, akkor a rel paraméternek a alternate, a hreflang paraméternek az alternatív dokumentum nyelv-kódját megadva, megadhatjuk, hogy milyen címen érhető el a más nyelvű változat. A böngésző akár automatikusan is betöltheti az alternatív változatot ilyenkor, ha az a nyelv van alapértelmezett nyelvnek beállítva; vagy másik megoldásként lehetőséget biztosíthat annak betöltésére.

Hasonló módon megadható a más formátumú változat is, ha a type paraméternél a megfelelő típust adjuk meg. Mindkét esetben a title paraméterben megadható egy szöveg, amelyet az alternatívák felkínálására képes böngésző az alternatíváról adandó információként – például a menüelem szövegeként – megjeleníthet. Íme erre is egy példa:

<link media="print" title="Az oldal nyomtatható változata PostScript formában"
  type="application/postscript"
  rel="alternate"
  href="/print/dok1.ps">

A dokumentum hierarchiájának leírása

Amennyiben a weboldal egy sok oldalból álló dokumentum része, akkor megadható a dokumentum kezdő oldala, a következő illetve az előző oldal címe, valamint annak az oldalnak a címe, amely a dokumentum tartalomjegyzékét tartalmazza. Ezek a rel paraméter megfelelő értékeivel állíthatók be. További kapcsolódó oldal lehet a dokumentumra vonatkozó szerzői jogokat tartalmazó oldal címének megadása. Mindezekre a következő példa rendre beállítja a kezdő oldalt, a következő, az előző oldalt, a tartalomjegyzék címét, végül a szerzői jogokat tartalmazó oldalt:

<link rel="start" type="text/html" href="index.html">
<link rel="next" type="text/html" href="chapter5.html">
<link rel="prev" type="text/html" href="chapter3.html">
<link rel="content" type="text/html" href="contents.html">
<link rel="copyright" type="text/html" href="copy.html">