Segédletek.hu
Segédletek weblap szerkesztéshez!
Fórum:
Postaláda:
Szavazás:
Hány éves vagy?
Segédletek:
Linkek:
XHTML alapok - bevezető:
Ezzel a segédlettel egy új sorozatot szeretnék elindítani. A sorozat célja, hogy bevezesse a kedves olvasót a szabványos, XHTML szabványnak megfelelő honlapok készíésébe.
Mi az az XHTML? - Fogalmazódik meg a kérdés jogosan mindenkiben. Az XHTML egy mozaik szó: Az Extensible Hypertext Markup Language (bővíthető leírónyelv) rövidítése. Ez nem egy új nyelvet jelent, hanem valójában a W3C által kiadott legújabb HTML szabványt. Tehát amikor megtanulja valaki az XHTML nyelvet, egyben a HTML nyelvet is megtanulja.
Az XHTML nyelvtana:
Az XHTML nyelv az XML szintaktikáját követi, úgynevezett tagekből áll. Ezek a nyelv építő elemei. Ezek a tagek mondják meg a böngészőnek, hogy mit kezdjen a bennük levő kóddal. Például egy új bekezdés így néz ki:
<p>Ez egy bekezdés</p>
Mint látható, van kezdő, és záró tag. A záró tag egy / jellel kiegészített kezdő tag. A <p> kód tudatja a böngészővel, hogy itt egy új bekezdés kezdődik, a </p> pedig, hogy ennek vége. Ezeket a típusú elemeket hívják "nem üres elemeknek". A név érthető, ezek között a tagek között lehet szöveg, vagy más tagek.
A tagek másik fajtája az úgynevezett üres elemek. Ilyen üres elem pl. az új sort jelző <br /> tag is.
A nyelvtanhoz hozzá tartozik, hogy a tagek egymásba ágyazhatóak. Pl: <p>egy bekezsés<br />és egy új sor</p>. Ha két olyan taget ágyazunk egymásba, aminek nyitó, és záró eleme is van, fontos a sorrend megtartása. Tehát amíg a
<strong><a href="http://google.com">google</a></strong> helyes, addig a
<strong><a href="http://google.com">google</strong></a> helytelen.
A tageknek lehetnek különböző attribútumaik. Nézzünk erre is egy példát: <input type="text" name="nev" /> Ezzel egy szöveg bevteli mezőt hozhatunk létre. Látható, hogy egy tagnek több attribútuma is lehet. Lényeges különbség a HTML és az XHTML között, hogy XHTML - ben kötelezőek a záró tagek. tehát a <br> helytelen XHTML - ben.
A nyelvtani szabályok között van pár dolog, amit még feltétlenül be kell tartanunk.
- Az oldal elejére úgynevezett DOCTYPE meghatározás kell, amit majd később tárgyalunk.
- Minden elemet, és jellemzőt kis betűvel kell írni.
- Az attribútumok értékeit idézőjelek között kell megadni. Ez lehet szimpla (') vagy dupla (") .
Most, hogy tisztában vagyunk a nyelv szabályaival, nézzük, hogy mire jó ez az egész!
Az XHTML szorosan összefügg a CSS - el. (Cascading Style Sheets) - (Magyarul: Rangsorolt Stíluslap). A CSS - t arra hasznlják, hogy megjelenítési tulajdonságokkal lássák el az XHTML leírókat. CSS segítségével tudjuk állítani az egyes elemek méretét, színét, elhelyezkedését, stb... A fejlesztők célja a tartalom, és a megjelenítés különválasztása volt. Az egyik lap legyen tiszta, logikusan felépített, a másik lap pedig tartalmazza a stílusfájt.(A segédletnek nem célja a CSS részletesebb tárgyalása. A segédletek során mindazonáltal fogom használni. Akinek abszolút semmi fogalma sincs, az olvassa el a CSS alapok című segédletemet.)
A CSS+XHTML hatalmas rugalmasságot kölcsönöz honlapunknak. Egy stílusfájl átírásával egész oldalunk kinézetét megváltoztathatjuk, a tartalomba nem kell ehhez belenyúlnunk.
Az XHTML - nek számos előnye van:
-A google szereti a szabvány XHTML lapokat - előrébb lehet kerülni.
-A vakok, és gyengnlátók számára speciális készített böngészők is tudják kezelni.
-A forráskód sokkal átláthatóbb lesz, később egyszerűbb módosítani.
A következő segédletben megismerkedünk a DOCTYPE meghatározásokkal, és fejest ugrunk az XHTML világába. Ez a cikk csak amolyan kedvcsináló volt!
Az XHTML nyelvtana:
Az XHTML nyelv az XML szintaktikáját követi, úgynevezett tagekből áll. Ezek a nyelv építő elemei. Ezek a tagek mondják meg a böngészőnek, hogy mit kezdjen a bennük levő kóddal. Például egy új bekezdés így néz ki:
<p>Ez egy bekezdés</p>
Mint látható, van kezdő, és záró tag. A záró tag egy / jellel kiegészített kezdő tag. A <p> kód tudatja a böngészővel, hogy itt egy új bekezdés kezdődik, a </p> pedig, hogy ennek vége. Ezeket a típusú elemeket hívják "nem üres elemeknek". A név érthető, ezek között a tagek között lehet szöveg, vagy más tagek.
A tagek másik fajtája az úgynevezett üres elemek. Ilyen üres elem pl. az új sort jelző <br /> tag is.
A nyelvtanhoz hozzá tartozik, hogy a tagek egymásba ágyazhatóak. Pl: <p>egy bekezsés<br />és egy új sor</p>. Ha két olyan taget ágyazunk egymásba, aminek nyitó, és záró eleme is van, fontos a sorrend megtartása. Tehát amíg a
<strong><a href="http://google.com">google</a></strong> helyes, addig a
<strong><a href="http://google.com">google</strong></a> helytelen.
A tageknek lehetnek különböző attribútumaik. Nézzünk erre is egy példát: <input type="text" name="nev" /> Ezzel egy szöveg bevteli mezőt hozhatunk létre. Látható, hogy egy tagnek több attribútuma is lehet. Lényeges különbség a HTML és az XHTML között, hogy XHTML - ben kötelezőek a záró tagek. tehát a <br> helytelen XHTML - ben.
A nyelvtani szabályok között van pár dolog, amit még feltétlenül be kell tartanunk.
- Az oldal elejére úgynevezett DOCTYPE meghatározás kell, amit majd később tárgyalunk.
- Minden elemet, és jellemzőt kis betűvel kell írni.
- Az attribútumok értékeit idézőjelek között kell megadni. Ez lehet szimpla (') vagy dupla (") .
Most, hogy tisztában vagyunk a nyelv szabályaival, nézzük, hogy mire jó ez az egész!
Az XHTML szorosan összefügg a CSS - el. (Cascading Style Sheets) - (Magyarul: Rangsorolt Stíluslap). A CSS - t arra hasznlják, hogy megjelenítési tulajdonságokkal lássák el az XHTML leírókat. CSS segítségével tudjuk állítani az egyes elemek méretét, színét, elhelyezkedését, stb... A fejlesztők célja a tartalom, és a megjelenítés különválasztása volt. Az egyik lap legyen tiszta, logikusan felépített, a másik lap pedig tartalmazza a stílusfájt.(A segédletnek nem célja a CSS részletesebb tárgyalása. A segédletek során mindazonáltal fogom használni. Akinek abszolút semmi fogalma sincs, az olvassa el a CSS alapok című segédletemet.)
A CSS+XHTML hatalmas rugalmasságot kölcsönöz honlapunknak. Egy stílusfájl átírásával egész oldalunk kinézetét megváltoztathatjuk, a tartalomba nem kell ehhez belenyúlnunk.
Az XHTML - nek számos előnye van:
-A google szereti a szabvány XHTML lapokat - előrébb lehet kerülni.
-A vakok, és gyengnlátók számára speciális készített böngészők is tudják kezelni.
-A forráskód sokkal átláthatóbb lesz, később egyszerűbb módosítani.
A következő segédletben megismerkedünk a DOCTYPE meghatározásokkal, és fejest ugrunk az XHTML világába. Ez a cikk csak amolyan kedvcsináló volt!
Írta: requiem - 2007-07-18 23:49:40
* Nem vagy bejelentkezve!* Nem töltheted le a segédlet forrását egyben!
* Nem szavazhatsz a segédletre!
* Nem írhatsz a segédlethez tartozó fórum témába!
| wuck01 | 2009-05-28 12:29:29 |
| és hol a segédlet???:( | |
| firga39 | 2008-06-22 14:16:11 |
| ez elég érdekes volt 40 éves fejel egyelöre ugy érzem hogy megfogom érteni bár még nemvagyok benne biztos köszi firga39 | |

