Előkésztheted magad az XHTML-re azáltal, hogy szigorú HTML kódokat rsz.

Hogyan készülj fel az XHTML-re?

Az XHTML nem nagyon különbözik a HTML 4.01-től, tehát a kódjaidat (HTML) 4.01-es állapotba hozni jó kezdés lehet.

Ráadásul gyakorolhatod HTML kódokat csupa kisbetűvel rni és SOHA ki nem hagyni a záró tagokat (mint </p>).

Jó kódolást!


Legfontosabb különbségek:

- XHTML elemeket megfelően kell egymásba ágyazni.
- XHTML elemeket mindig le kell zárni.
- XHTML elemeket mindig kisbetűvel rni.
- XHTML dokumentumoknak rendelkezniük kell fő elemekkel.


XHTML elemeket megfelően kell egymásba ágyazni

A HTML-ben néhány elemet szabálytalanul egymásba lehet ágyazni, mint például:

[/CODE]Ez a szöveg félkövér és dőlt.[/CODE]

Az XHTML-ben minden elemet megfelelően kell egymásba ágyazni!

[/CODE]Ez a szöveg félkövér és dőlt.[/CODE]

Megjegyzés: Gyakori hiba az egymásba ágyazott listáknál, hogy elfelejtjük a belső listákat [*] és
elemeken belül elhelyezni.

Hibás kód:

[/CODE]
  • ??í‚Â ??í‚Â
  • Kávé

    ??í‚Â ??í‚Â
  • Tea
    ??í‚Â ??í‚Â ??í‚Â ??í‚Â
    • ??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í Â ??í‚Â
    • Fekete tea

      ??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í Â ??í‚Â
    • Zöld tea

      ??í‚Â ??í‚Â ??í‚Â ??í‚Â

    ??í‚Â ??í‚Â
  • Tej
[/CODE]

Helyes kód:

[/CODE]
  • ??í‚Â ??í‚Â
  • Kávé

    ??í‚Â ??í‚Â
  • Tea
    ??í‚Â ??í‚Â ??í‚Â ??í‚Â
    • ??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í Â ??í‚Â
    • Fekete tea

      ??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í Â ??í‚Â
    • Zöld tea

      ??í‚Â ??í‚Â ??í‚Â ??í‚Â

    ??í‚Â ??í‚Â
    ??í‚Â ??í‚Â
  • Tej
[/CODE]

Figyeld meg, hogy elemet használtunk az [/list]elem után a "helyes" példakódban.


XHTML-elemeket mindig le kell zárni!

Nem üres elemeket le kell zárnunk!

Ez hibás:

[/CODE]Ez egy bekezdés


Ez pedig egy másik bekezdés.[/CODE]

Ez helyes:

[/CODE]Ez egy bekezdés</p>


Ez pedig egy másik bekezdés.</p>[/CODE]


Üres elemeket le kell zárnunk!

Üres elemeknek rendelkezniük kell vagy egy lezáró résszel, vagy a kezdő résznek rendelkeznie kell egy /> végződéssel.

Hibás:

[/CODE]Sortörés:

Vzszintes vonal: <hr>
Kép: [IMG]boldog.gif[/IMG][/CODE]

Helyes:

[/CODE]Sortörés:

Vzszintes vonal: <hr />
Kép: [IMG]boldog.gif[/IMG][/CODE]


XHTML elemeket mindig kisbetűvel kell rni!

XHTML részletes lerása meghatározza, hogy az elemek nevei és tulajdonságait kisbetűvel kell rni.

Helytelen:

[/CODE]<BODY>


Ez egy bekezdés</P>
</BODY>[/CODE]

Helyes:

[/CODE]<body>


Ez egy bekezdés</p>
</body>[/CODE]


XHTML dokumentumoknak rendelkezniük kell fő elemekkel!

Minden XHTML elemet a <html> fő elemen belül kell elhelyezni. A többi elemeknek lehet al- (gyerek) elemük. Az alelemek párban kell, hogy legyenek és megfelelően be kell őket ágyazni a szülő elembe. Az alap dokumentumszerkezet a következő:

[/CODE]<html>
<head> ... </head>
<body> ... </body>
</html>[/CODE]