XHTML 1. óra

Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták DE: továbbra is statikus, előre definiált elemeket és paramétereket tartalmazó jelölő nyelv maradt

XHTML eXtensible Hypertext Markup Language eXtensible = kiterjeszthető XML alapúak A közeljövőben az XML alapú böngészőprogramok terjednek el.

XML (eXtended Markup Language) adatok strukturálása hasonló a HTML-hez, de: –tageket csak az adatcsoportok elválasztására használja –adatok értelmezését az alkalmazásokra bízza szöveges állomány bőbeszédű

XML (eXtended Markup Language) Szöveges adatok file-formátum Strukturális megjelenés (pl. Altova XMLSpy) Definíciós file (leírja, hogy hogyan kell tárolni) XML-file (tényleges tárolás)

Az XHTML Ez a web hivatalos nyelve A W3C dolgozta ki Ajánlás (nem szabvány!) weboldalak létrehozására A weboldalak szintaktikáját határozza meg XML alapú A HTML-t váltja fel Kevésbé elterjedt, pedig az XHTML ajánlás 1999 óta létezik

Az XHTML előnyei Mivel XML alapú, könnyebb elemezni, mint a HTML-t (szigorú, strukturált adatleírás) A mobil eszközök (GSM-telefon, PDA-k) XHTML-böngészőt tartalmaznak, a HTML-böngésző nagyobb erőforrást igényel Ez a „hivatalos” nyelv A jövőben tömegesen el fog terjedni

Az XHTML hátrányai Sokkal szigorúbb előírás, mint a HTML A fejlesztési idő emiatt nagyobb A legnépszerűbb böngésző (IE) nem támogatja teljesen

Stíluslapok, CSS A stíluslap egy definíció, egy szabvány, melyben rögzítjük, hogy az egyes HTML- objektumoknak milyen tulajdonságokkal kell megjelenniük (anélkül, hogy azt egy HTML- tag paraméterének értékeként adtuk volna meg). HTML-oldalak megjelenését befolyásoló nyelv: CSS (Cascading Style Sheets = egymásba ágyazott stíluslapok). –hogyan és hol jelenjenek meg az egyes HTML- elemek (bekezdések, címsorok, …), pl. szín, méret, elhelyezkedés, margó.

Stíluslapok egymásba ágyazhatósága több stíluslapot is megadhatunk egyszerre egy stílus több elemre is érvényes lehet, amit egy másik stílussal felüldefiniálhatunk a stílusok öröklődnek az oldal hierarchiája szerint –ha pl. a kezdőlap elemeire definiálunk egy stílust, akkor az többnyire az oldal összes elemére érvényes lesz (a tulajdonságok alapértelmezésétől függően)

Miért jó a CSS? Példa: Készítsünk olyan HTML-oldalt, ahol –a címsoraink betűi nagyok és sötétvörösek, –bekezdéseink betűi kisebbek és sötétzöldek!

Stíluslapok használatának előnyei: csak egyszer kell a formázást megtenni a kód sokkal átláthatóbb lesz a pontos méretet is meghatározhatjuk pixelben, vagy akár %-al, stb. ha utólag módosítanunk kell a megjelenést, egyből csak egy helyen kell ezt megtennünk, s mindenhol meg is változik az így elkészített dokumentum sokkal kisebb méretű is lesz, gyorsabban letöltődik (különösen, ha sok oldalon használjuk ugyanazt a stíluslapot)

Példa stíluslap-váltásra A következő két kép ugyanazt a HTML- oldalt mutatja, egyetlen különbség a stíluslap váltása

Példa: stíluslap-váltás

Technikai eszközök Internet Explorer –sajnos nem tartja magára nézve kötelezőnek a szabványokat –nem vesz figyelembe minden előírást –némelyik máshogy értelmezi Netscape, Mozilla, Firefox –maximálisan szabványkövetők – letölthetőkwww.mozilla.org-ról –A Firefox-ot direkt webfejlesztőknek készítik

Érdemes tanulmányozni: /cover.html