<? print $_ASWC_['NAME'];?> - Tanulj, vagy taníts te is on-line!

<- Előző :: Nyomtatási nézet :: Üzenet az írónak :: Köv. ->

Dokumentum típusok

Ahhoz, hogy a HTML dokumentumunk érvényes legyen meg kell határoznunk melyik HTML verziót használjuk a dokumentumban. Ezt a folyamatot nevezik document type declaration -nek, azaz a dokumentum típus meghatározásának.

A HTML 4.01 három fajta meghatározást (document type declarations - DTD) tesz lehetővé. Ezek:

HTML 4.01 Strict DTD (szigorú)
Minden olyan elemet és tulajdonságot tartalmaz, amelyek nem érvénytelenítettek a HTML 4.01 specifikáció által és amelyek nem jelentkeznek a keretekkel rendelkező dokumentumokban.
Az ilyen dokumentumoknál használjuk a következő meghatározást:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional DTD (átmeneti)
Teljes egészében tartalmazza az előzőt, az érvénytelenített elemekkel és tulajdonságokkal együtt.
Az ilyen dokumentumoknál használjuk a következő meghatározást:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 frameset DTD (keretes)
Teljes egészében tartalmazza az előző kettőt, valamint a kereteket is.
Az ilyen dokumentumoknál használjuk a következő meghatározást:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

Magas szintű elemek

<HTML> - HTML dokumentum

A HTML elem tartalmazza a html dokumentumot, amit két fő részre osztunk fej(head), valamint az azt követő törzs(body)-re.
Kivételt egyedül a keretekkel rendelkező dokumentum jelenti, amelyben a BODY-t a frameSET követi.

A HTML elem két tulajdonsága:

version (érvénytelenített) - A dokumentum meghatározására szolgált. A DOCTYPE bevezetésével használata teljesen feleslegessé vált.

lang - A dokumentum nyelvét határozza meg. Értékei pl.: lang="en" az angol, lang="hu" a magyar, lang="ja" a japán nyelv használatakor.

<HEAD> - Dokumentum fej

A HEAD elem fejléc információkat tartalmaz a dokumentumról, mint amilyenek pl. a cím, címszavak, leírás, és stíluslapok. Használata kötelező. A benne megadott információk a cím kivételével rejtettek a felhasználó számára.

Tulajdonsága:

profile - Mivel nincs kellőképpen meghatározva, csak megemlítjük

Tartalma lehet:

Pontosan egy TITLE elem, szabadon választható BASE és ISINDEX elemek, nulla vagy több SCRIPT, STYLE, META, LINK vagy OBJECT elem.

Mi tartalmazhatja:

HTML

<BODY> - Dokumentum törzs

A BODY elem tartalmazza a dokumentum törzsét (a felhasználó számára látható információkat).

Tulajdonságai:

background (érvénytelenített) - Háttérkép megadása
bgcolor (érvénytelenített) - Háttérszín megadása
text (érvénytelenített) - Dokumentum szövegének színe
link (érvénytelenített) - A hivatkozások (linkek) színe
vlink (érvénytelenített) - Látogatott hivatkozások színe
alink (érvénytelenített) - Aktív hivatkozás színe
onload - [esemény] Dokumentum betöltődött, értéke script
onunload - [esemény] Dokumentum bezárásakor, értéke script

Tartalma lehet:

- HTML 4.0 Strcit: Egy vagy több blokk szintű elem (ezekről később) vagy SCRIPT, INS, DEL
- HTML 4.0 Transitional: Belső elemek, blokk szintű elemek, INS, DEL

Mi tartalmazhatja:

- HTML 4.0 Strcit vagy Transitional: HTML
- HTML 4.0 frameset: NOframeS

HTML, HEAD, BODY példa

WEB Center fejlécelemek és sorrend szemléltető:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="hu">

<head>
        <title>WEB Center - Tanulj, vagy taníts te is on-line!</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
        <meta name="description" content="WEB Center">
        <meta name="keywords" content="AS; Studio; web; webdesign; database; DB; MySQL; PHP; 3DS MAX; Online Marketing; Photoshop; C++; programozás; design; free; ingyen; oktatóanyag; támogatás;">
        <meta name="author" content="WEB Center Team">
        <meta name="copyright" content="Copyright 2004 by WEB Center Team">
        <meta name="robots" content="All">
        <meta name="revisit-after" content="7 days">
        <meta name="reply-to" content="mail_at_asstudio_tk">
        <meta name="document-class" content="Published">

        <meta name="document-classification" content="Web Programming">
        <meta name="document-rights" content="Public">
        <meta name="document-type" content="Web Page">
        <meta name="document-rating" content="General">

        <link rel="shortcut icon" href="favicon.ico">
        <link href="skin/default/css-default_style.css" rel="stylesheet" type="text/css">
        <link href="forum/skin/default.css" rel="stylesheet" type="text/css">
        <link href="skin/default/css-new_def_style.css" rel="stylesheet" type="text/css">

        <script src="js/function.js" language="JavaScript" type="text/javascript"></script>
        <script src="js/toolbar_admin.js" language="JavaScript" type="text/javascript"></script>

        <link href="skin/default/toolbar.css" rel="stylesheet" type="text/css">
</head>

<body>
         <p>Példa....</p>
</body>
</html>

<frameset> - Keretek

A frameSET elem az ablakot részekre vágó keretek tartója.
Tulajdonságai:

rows - Sor hossza
cols - Oszlop hossza
onload - [esemény] Dokumentum betöltődött, értéke script
onunload - [esemény] Dokumentum bezárásakor, értéke script

Tartalma lehet:

Egy vagy több frameSET és frame elem, valamint a nem kötelező NOframeS elem.
Megjegyzés:A NOframeS tartalma azokban a böngészőkben jelenik meg, amelyek nem tudják megjeleníteni a kereteket. Amennyiben kereteket használunk, ezzel elérhetővé tehetjük oldalunkat azok számára is, akik ilyen böngészőket használnak.

Mi tartalmazhatja:

HTML

Az alábbi példa 2 soros és 3 oszlopos rácsot hoz létre.

<frameset rows="20%,*" cols="33%,33%,*">

    
      <frame name="fent1" src="sor1_oszlop1.html">
      <frame name="fent2" src="sor1_oszlop2.html">
      <frame name="fent3" src="sor1_oszlop3.html">

    
      <frame name="lent1" src="sor2_oszlop1.html">
      <frame name="lent2" src="sor2_oszlop2.html">
      <frame name="lent3" src="sor2_oszlop3.html">

      <noframes>
      <body>
            <p>A böngésződ nem támogatja a kereteket...</p>
      </body>
      </noframes>
</frameset>

Figyeljük meg a * használatát a rows és a cols értékeknél is. A * a maradék helyet jelenti. Tehát ha az első sor esetünkben a képernyő 20%-át foglalja el, és második értékként *-ot adunk meg, az lefoglalja a maradék 80%-ot.

Témaköreink

DumAblak

On-line

Statisztika

HTML/XHTML -> Dokumentum típus és magas szintű elemek

Dokumentum típusok

<HTML> - HTML dokumentum

<HEAD> - Dokumentum fej

<BODY> - Dokumentum törzs

HTML, HEAD, BODY példa

<frameset> - Keretek

Hello Vendég