HHW.hu
4. XHTML szintaxis - 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: 4. XHTML szintaxis (/showthread.php?tid=204)

RE: 4. XHTML szintaxis - HTML - 2008-02-18

XHTML í­rása megköveteli a tiszta HTML-szintaxist.

Néhány XHTML szintaxisszabály:

- Az attritbútumok neveit kisbetűvel kell í­rni.
- Az attritbútumok értékeit idézőjelek ("") közé kell tenni.
- Az attritbútumok rövidí­tése tilos!
- Az id attritbútum felülí­rja a name attritbútumot.
- Az XHTML tí­pusa (DTD) meghatározza az adott dokumentumban használható és kötelező elemeket.


Az attritbútumok neveit kisbetűvel kell í­rni!

Ez helytelen:

[/CODE]<table WIDTH=&quot;100%&quot;>[/CODE]

Ez helyes:

[/CODE]<table width="100%">[/CODE]
[/CODE][IMG]kep.gif[/IMG][/CODE]

Az attritbútumok értékeit idézőjelek ("") közé kell tenni!

Ez helytelen:

[/CODE]<table width=100%>[/CODE]

Ez helyes:

[/CODE]<table width="100%">[/CODE]


Az attritbútumok rövidí­tése tilos!

Ez helytelen:

[/CODE]<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>[/CODE]

Ez í­gy helyes:

[/CODE]<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />[/CODE]

Itt egy lista a HTML-ben rövidí­thető attritbútumokról és az XHTML megfelelőjükről szól.

[Kép: xhtmltnq5.jpg]


Az id attritbútum felülí­rja a name attritbútumot!

A HTML 4.01. hozzárendel egy név attritbútumot a következő elemekhez: a; applet; frame; iframe; img és map. XHTML-ben a név attritbútum helytelen. Használd az id-t helyette.

Helytelen kód:

[/CODE][IMG]kep.gif[/IMG][/CODE]

Helyes kód:

[/CODE][IMG]kep.gif[/IMG][/CODE]

Megjegyzés: A régebbi böngészőkkel való kompatibilitás érdekében, használd az id és a name attritbútumot ugyanazon értékekkel.

Például: [/CODE][IMG]kep.gif[/IMG][/CODE]


Fontos kompatibilitási megjegyzés!

Hogy az XHTML-t kompatibilissé tedd a mai böngészőkkel, egy extra "szóközt" kell tenned a "/" szimbólum elé.


A nyelv attritbútum:

A nyelv (lang) attritbútum hozzárendelhető majdnem az összes XHTML elemhez. Ez meghatározza a tartalom nyelvét egy elemen belül.

Hogyha nyelv (lang) attritbútumot használsz egy elemen belül, hozzá kell adnod az xml:lang attritbútumot, mint az alábbi esetben:

[/CODE]<div lang="eng" xml:lang="eng">Hello England![/align][/CODE]


Nélkülözhetetlen XHTML elemek!

Minden XHTML dokumentumnak tartalmaznia kell egy DOCTYPE meghatározást. A html, head és body elemeknek mindenképpen szerepelniük kell az oldal szerkezetében és a title elemnek a head elemen belül kell kötelezően szerepelnie.

A minimum XHTML szerkezet:

[/CODE]<!DOCTYPE A dokumentum tí­pusának meghatározás kerül majd ide>
<html xmlns=http://www.w3.org/1999/xhtml">
<head>
<title>A cí­m ide kerül</title>
</head>

<body>
</body>

</html>[/CODE]

Megjegyzés: A DOCTYPE meghatározás nem az XHTML dokumentum része, ez nem egy XHTML elem, í­gy ezt nem kell (nem szabd!) lezárni.

Az XHTML dokumentum meghatározásáról részletesebben a következő leckében tanulhatsz.

Megjegyzés: A leckében található attritbútum kifejezések helyett lehet használni a tulajdonság kifejezést is.