HHW.hu
3. XHTML vagy HTML - Nyomtatható verzió

+- HHW.hu (https://hhwforum.hu)
+-- Fórum: Informatika (https://hhwforum.hu/forumdisplay.php?fid=72)
+--- Fórum: Programozás (https://hhwforum.hu/forumdisplay.php?fid=78)
+---- Fórum: Tutorialok (https://hhwforum.hu/forumdisplay.php?fid=79)
+---- Téma: 3. XHTML vagy HTML (/showthread.php?tid=203)

RE: 3. XHTML vagy HTML - HTML - 2008-02-18

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 "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: [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]