Előkészítheted 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 &quot;helyes&quot; 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:

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

Helyes:

[/CODE]Sortörés:

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


XHTML elemeket mindig kisbetűvel kell írni!

XHTML részletes leírá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]