Ugrás a főoldalra!

Felhasználónév:

Jelszó:

 :: ".$_ASWC_['NAME']." ".$_ASWC_['VERSION']." ".$_ASWC_['STATUS'];?> - [Látogatók: 632285]  
Freelance Jobs

Témaköreink

 


On-line

Dev, Admin: 0
Lektorok, írók: 1
  ÷Magus|BOT
Felhasználók: 0
Vendégek: 1
Tegnap: 0
E havi:
 

Statisztika

Oktatóanyagok száma
 Publikus: 128

Legolvasottabb írónk
 outesticide 294506

Legszorgalmasabb írók
1. balymo 24
2. outesticide 20
3. tipli 19
4. adrob 18
5. akciolap 15

Legolvasottabb címek
1. CSS
Egyszerü vízszintes menü és vízszintes menü legördülő almenükkel [49889]
2. CSS
A pozícionálás, és a z-index [26662]
3. CSS
Függőleges menü, legördülő almenüvel [21074]
4. CSS
Függőleges menü készítése listából [20883]
5. CSS
Bevezetés a CSS alapjaiba [20083]
 

 

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

Író: adrob ( adrob@netoktato.hu )
  http://adrob.netoktato.hu
Készült: 2006-01-08 01:00:23
Lektorálta: Pribék
Lektorálva:
2006-01-12 00:55:03 [6292]
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:
href - Útvonal meghatározása
target - Cél meghatározása (_blank, _self, _parent, _top)


Tartalma lehet:
Nincs tartalma


Mi tartalmazhatja:
HEAD - Bármilyen más útvonal meghatározása előtt


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:
<isindex prompt="Kérlek add meg az e-mail címed: ">


Tulajdonságai:
prompt - A beviteli mezőt megelőző szöveg


Tartalma lehet:
Nincs tartalma


Mi tartalmazhatja:
APPLET, BLOCKQUOTE, BODY, CENTER, DD, DEL, DIV, FIELDSET, FORM, HEAD, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH


<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:

rel - Kapcsolat a linkhez
rev - Kapcsolat a linktől
href - Hypertext referencia
type - A link típusa
target - Keretekkel használható, a megfelelő keret megcélozására
media - A link által meghatározott média (screen, tty, tv, projection, handheld, print ...)
hreflang - A link nyelvezete
charset - A link karakter kódolási típusa


Tartalma lehet:
Nincs tartalma


Mi tartalmazhatja:
HEAD


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
<link rel="Piac" href="aru.html">

azt jelzi, hogy a aru.html a Piac aloldala, addig a
<link rev="Árú" href="piac.html">

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:
<link rel="stylesheet" href="alap.css" title="Alapstilus" type="text/css">
<link rel="stylesheet" href="tablazatok.css" title="Alapstilus" type="text/css">
<link rel="stylesheet" href="urlapok.css" title="Alapstilus" type="text/css">


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:
screen (alapértelmezett) - Számítógép képernyő
tty - Állandó szélességû karakterhálós megjelenít&ő/kijelző
tv - Alacsony felbontással rendelkező televízió-típusú berendezés
projection - Vetítő berendezés
handheld - Kézi, hordozható berendezések
print - Nyomtató
braille - Vakírás (tapintható)
all - Minden berendezés


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:
Szöveg


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
* Minden további kérdéseddel fordulj az anyag írójához.

 

Hello Vendég

Az oktatóanyagok olvasásához be kell jelentkezned.

Szeretnék regisztrálni.

Elfelejtettem a jelszavam!
Kiküldöm magamnak!