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.

Az előadások a következő témára: "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."— Előadás másolata:

1 XHTML 1. óra

2 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

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

4 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ű

5 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)

6 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

7 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

8 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

9 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ó.

10 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)

11 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!

12 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)

13 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

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

15

16 www.csszengarden.com

17 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 –www.mozilla.org-ról letölthetőkwww.mozilla.org-ról –A Firefox-ot direkt webfejlesztőknek készítik

18 Érdemes tanulmányozni: http://hu.wikipedia.org/wiki/CSS http://www.w3.org/TR/1998/REC-CSS2- 19980512/cover.html www.csszengarden.com www.css.lap.hu