Ugrás a főoldalra!

Felhasználónév:

Jelszó:

 :: ".$_ASWC_['NAME']." ".$_ASWC_['VERSION']." ".$_ASWC_['STATUS'];?> - [Látogatók: ]  
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 362412

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 [55275]
2. CSS
Bevezetés a CSS alapjaiba [30768]
3. CSS
A pozícionálás, és a z-index [30256]
4. CSS
A felhasználói felület - első rész [24599]
5. CSS
Függőleges menü, legördülő almenüvel [24468]
 

 

HTML/XHTML -> A dokumentum-fa

Író: outesticide ( outesticide@netoktato.hu )
  http://vajdasag.rs
Készült: 2006-01-28 16:22:09
Lektorálta: outesticide
Lektorálva:
2006-01-29 18:32:45 [6786]
Megmutatja az elemek dokumentum-fa szerekezetét, amely a forrásdokumentumban van kódolva.
A böngésző ezt akkor is összetudja állítani, illetve ki tudja következtetni, ha a forrásban nincs minden elemnek zárótagja.

Szerkezete



Képzeljük el a dokumentum-fát úgy, mint egy család-fát. A család-fán is kell legyen egy kiindulási alap (egy ős), melyből további ágak erednek, hol testvér, hol szülő-gyerek viszonyban.
A mi fánk csúcsán a HTML elem áll (a közös, legfelsőbb ős), majd, mint gyermekei a HEAD és a BODY. A HEAD-nek még lehet például TITLE gyereke, viszont HEAD-en belüli gyermekelemeknek nincs további gyermekük.
A BODY-nak is minden olyan elem a gyereke lehet, amit megadsz. De ezeknek már lehet további gyermekük, akármilyen mélységig elágazhatnak.
<html> - gyökérelem
    <head> - gyermek, és szülő (HTML gyereke)
        <title> </title> - gyermek (HEAD gyereke)
    </head>
    <body> - gyermek és szülő (HTML gyereke)
        <h1> </h1> - gyermek (BODY gyereke)
        <div> - gyerek és szülő
            <ul> - a DIV gyereke és a LI szülője
                <li> </li>
                <li> </li>
                <li> </li>
            </ul>
        </div>
        <p>
            <b> </b>
        </p>
    </body>
</html>

A HTML alapján elkészítettem az ehhez tartozó dokumentum-fa ábrát, mely akár lehetne egy család-fa is.


Definíciók



A fenti példa alapján definiáljunk pár alapfogalamat.

Gyökérelem: Olyan elem melynek nincs szülőeleme, de maga szülőelem, méghozzá a legfelsőbb. (Lásd: <HTML>)


Szülő: Olyan elemek melyeknek van gyermekük. Ez nem zárja ki azt, hogy ezek az elemek ne lehessenek maguk is gyermekek. (Lásd: a fönti példa UL-elemét.)


Gyermek: Ha a szülőket A elemnek, a gyermekeket B-nek nevezzük, akkor a következőképp definiálhatjuk: a B elemet akkor nevezzük az A elem gyermekének, ha A elem a B elem szülője.
Tehát olyan elemek, melyeknek van szülőjük.


Leszármazott: a gyerek elemet nevezhetjük leszármazottnak is. Viszont leszármazott az az A elem is, mely gyereke C-nek, de C gyereke B-nek. Tehát B leszármazotja az A. Mint jómagad például a nagyszüleidnek.


Testvér: Azok az elemek testvérek, melyek egy szülőn osztoznak. (Lásd: a fenti példa listájának LI elemei)


A fenti példából kiindulva, láthatjuk, hogy a BODY elemen belül szinte minden elemnek lehet gyermeke (vonatkozik azokra az elemekre, melyeket egymásba lehet ágyazni.)
Továbbá a BODY elemen belül minden közvetlen (elsőrendű gyerek) a BODY-tól származó elem, testvére egymásnak, hiszen egy szülőtől származnak.
* 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!