Segédletek.hu

Segédletek weblap szerkesztéshez!
ingyen letöltés

| Mind | PHP | HTML | CSS | Java |
|Legújabbak |Legtöbbször olvasottak|

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!

Í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
Autópálya-matrica SMS-ben
Nem kell sorban állnod, vásárolj gyorsan autópálya-matricát SMS-ben!
www.matricasmsben.hu

Toyota készletakció
Auris Optimis modellek 1 000 000 Ft árelőnnyel! Részletek
www.toyota.hu

Mazda jubileumi ajánlat
90 éves a Mazda! Rendkívüli ünnepi árak, most 5 év garanciával
jubileumi_ajanlat.mazda.hu

Csatlakozz a GDF-hez
Játssz, és nyerj SZIN jegyet És tanulj nálunk tovább
gdf.info.hu

EL-selejtező: Győr-Montpellier
Tovább menetel az ETO az Európa Ligában? Regisztrálj és <b>fogadj</b> most a bwin-en!
www.bwin.com

Hirdessen itt