HTML/XHTML -> Fejléc elemek (BASE, ISINDEX, LINK, TITLE)

Az előző leckében többek között a dokumentum fejéről, azaz a fejlécről is olvashattunk. E leckében a fejléc lehetséges elemeivel ismerkedünk. Ezek a következők: BASE, ISINDEX, LINK, META, SCRIPT, STYLE, TITLE.
Nézzük szép sorjába.

<BASE> - Dokumentum alap URI

Szintakszisa: <BASE> (önlezáró)

A BASE elem definiálja a dokumentum egységes forrás azonosítóját (URI - Uniform Resource Identifier), amely a dokumentumban relatívan megadott útvonalak megoldását segíti. Minden dokumentum legfeljebb egy ilyen elemet tartalmazhat.

Tulajdonságai:


Tartalma lehet:


Mi tartalmazhatja:


A legtöbb dokumentumban nem lesz szükségünk a használatára.

<ISINDEX> - Bevitel

Szintakszisa: <ISINDEX> (önlezáró)

Egy soros szöveg bevitelt definiál. A bevitelt a PROMPT tulajdonság segítségével cimkézhetjük. Az ISINDEX a HTML 4.0 óta érvénytelenített. Helyette az INPUT elemet használjuk.

Az ISINDEX elem egyenlő egy get metódusú FORM-al, amely egyetlen text (szöveg) típusú elemet tartalmaz.

Példa a látógató e-mail címének bekérésére:


Tulajdonságai:


Tartalma lehet:


Mi tartalmazhatja:

<LINK> - Dokumentum kapcsolat

Szintakszisa: <LINK> (önlezáró)

A LINK elem definiálja a dokumentum kapcsolatokat. Tetszőleges számú ilyen elemünk lehet a dokumentum HEAD részében.

Tulajdonságai:


Tartalma lehet:


Mi tartalmazhatja:


A rel és rev tulajdonságok határozzák meg a kapcsolat irányát a dokumentum és a linkelt forrás között. Amíg a rel a jelenlegi dokumentumunk felől mutat a link felé, addig a rev pontosan az ellentétes irányt határozza meg.

Például a

azt jelzi, hogy a aru.html a Piac aloldala, addig a

jelentése: A jelenlegi dokumentum a piac.html aloldala.

A link elemet használjuk a stíluslapok (Cascading Style Sheets - CSS) alkalmazásakor is. A rel="stylesheet" segítségével állíthatunk be preferált stíluslapokat, míg a rel="alternate stylesheet" az alternatív stíluslapok meghatározására szolgál. A title és a rel="stylesheet" tulajdonságok segítségével jelezhetjük az általunk preferált stíluslapot. Egyetlen ilyen meghatározására nyílik lehetőségünk.

Alternatív stíluslapot a rel="alternate stylesheet" segítségével tudunk beállítani. A látogatónak lehetősége van az általunk preferált stíluslap lecserélésére.

Egyetlen stílust akár több stíluslapon keresztül is megadhatunk:


Amint azt megfigyelhetjük a fenti példában három stíluslapot eggyesítettünk egyetlen stílussá, a linkekben használt title="Alapstilus" segítségével (ugye mindhárom linknet ezzel a címmel láttuk el).

A link media tulajdonsága határozza meg a médiumot amire a forrását tervezték. A rel="stylesheet"-el használva például korlátozni tudjuk a stíluslapot egyes kimeneti egységekre (mint pl.: nyomtató, vetítő, tv ...). Ha egyszerre több értéket szeretnénk megadni neki, tegyünk vesszőt közéjük.
A media tulajdonság értékei a következők lehetnek:


A hreflang és charset tulajdonságok a link nyelvét és karakterkódolását határozzák meg. Ezek egyike sem kötelező.

A target tulajdonságot a keretekkel együtt használjuk. A link tartalmát az általunk definiált keretben nyissa meg. Amennyiben a definiált keret nem létezik, a tartalom új ablakba töltődik. (Értékei: _blank, _self, _parent, _top)

<TITLE> - A dokumentum címe

Szintakszisa: <TITLE>Dokumentum címe</TITLE>

Tartalma lehet:


A "jó" címek rövidek, tömörek és lényegretörőek. A cím megadásakor tartsuk figyelem előtt, hogy az adott cím nem csak a böngészőablak fejlécén jelenik meg, hanem a kedvencekhez adáskor címkét, a keresőmotorokban link-ként, stb. Az ajánlott cím hossza valahol 50 és 60 karakter körül mozog.

Mi tartalmazhatja: HEAD