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]
Helyes kód:
[/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:
Vízszintes vonal: <hr>
Kép:
[/CODE]
Helyes:
[/CODE]Sortörés:
Vízszintes vonal: <hr />
Kép:
[/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]
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
Helyes kód:
[/CODE]
??í‚Â ??í‚Â- Kávé
??í‚Â ??í‚Â - Tea
??í‚Â ??í‚Â ??í‚Â ??í‚Â
??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í‚Â- Fekete tea
??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í‚Â ??í‚Â - Zöld tea
??í‚Â ??í‚Â ??í‚Â ??í‚Â
??í‚Â ??í‚Â - Tej
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:
Vízszintes vonal: <hr>
Kép:
Helyes:
[/CODE]Sortörés:
Vízszintes vonal: <hr />
Kép:
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]