2008-02-18, 15:49
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="100%">[/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]](http://img264.imageshack.us/img264/1895/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.
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="100%">[/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.
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.
