Sadrzaj:
Seminar XHTML ( Extensible HyperText Markup Language)
Link na prezentaciju u PowerPoint-u : XHTML prezentacija
XHTML je postao W3C preporuka 26. sijecnja 2000. To je novi jezik za izradu web stranica,a dosao je kao zamjena za HTML. HTML je dosao do verzije 4.01 i vise se nije islo u tom smjeru. U W3C su odlicili kako jezik HTML treba biti prepisan u XML-u. Iz svega toga je proizasao XHTML 1.0. Ono Extensible znaci prosirljiv ili bolje receno prilagodljiv. To je potrebno jer se zeli da se internetu moze pristupiti sa svih platformi i sa razlicitih uredjaja (npr. mobiteli, web-TV, razlicita pucna racunala i sl.). U osnovnoj verziji on nije puno razlicitiji od HTML-a 4.01, nego se moze reci da je to prociscena verzija HTML-a. To mozemo reci jer su sada pravila dosta strozija. Do sada su preglednici odbacivali pogreske i uvijek pokusavala izvuci maksimum iz stranice pune gresaka. To je i dozvoljavala sintaksa HTML-a. Zbog toga su preglednici s vremenom postali jako glomazni (trebali su mnogo resursa, memorije i dosta snazan CPU). Parseri (programi koji razdvajaju tagove i zapravo razumiju sto treba napraviti) su postali komplicirani. Jasno je da takav kokplicirani parser ne moze biti pohranjen u memoriji mobilnog uredjaja. Zbog toga se ide na pojednostavljenja, a ona mogu samo proizaci iz strozih pravila.
Pravila su identicna onima u XML-u jer se i XHTML mora podvrgavati tim pravilima. Ukratko, najvaznija pravila su :
-
Svi XHTML dokumenti moraju sadrzavati <html>, <body>, i <title> tagove
-
Svi tagovi moraju imati svoje zavrsne tagove
-
Svi tagovi i atributi moraju biti pisani malim slovom
-
Sve vrijednosti atributa moraju biti u navodnicima
-
Minimizacije vrijednosti nisu dopustene
-
HTML “name” atribut zamjenjuje se sa “id”
Starting an XHTML Document - Postoje tri stvari koje trebaju biti u zaglavlju XHTML dokument, XML deklaracija, DOCTYPE definicija i XML Namespace attribut. Prva linija u XHTML dokumentu bi trebala biti <?xml version="1.0" encoding="UTF-8"?>, iako nije neophodna. To specifira dokument kao XML dokument. Sljedeca linija bi trebala biti jedno od sljedece troje :
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
Koristiti se kada imamo CSS formatiziranje dokumenta. Kada se zeli imati cist i jednostavan markup. Ne podrzava <font>, <table> i dr.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
Uglavnom se ovo koristi jer se koriste HTML mogucnosti za prezentaciju, a i samo najnoviji browseri podrsavaju CSS.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"DTD/xhtml1-frameset.dtd">
Kada se zeli prozor podijeliti na vise njih (frameset) tj. u browseru imamo jednu sliku koja je podjeljena na vise i svaka sadrzi drugu stranicu.
Ovo govori parseru/browseru koji tip DTD-a, Document Type Definition, da koristi kod XHTML documenta. Konacno, zadnja stvar koja je potrebna prije nego pocnemo pisati tijelo dokumenta je da u root tag, <html> upicemo xmlns="http://www.w3.org/TR/xhtml1". Dolje je primjer osnovnog koda za XHTML 1.0 dokument :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1">
<head>
<title> </title>
</head>
<body>
</body>
</html>
• Well-formed document - XHTML dokumenti moraju biti well-formed. Drugim rijecima to znaci da svi tagovi moraju imati zavrsni tag. Takodjer tagovi moraju biti pravilno ugnjezdeni. Slijedi primjer:
INCORRECT: <p>paragraph in <b>bold</p>!</b>
CORRECT: <p>paragraph in <b>bold</b>!</p>
INCORRECT: <p>paragraph open
CORRECT: <p>paragraph open</p>
• Quoted Attributes - Sve vrijednosti atributa moraju biti u izmedju navodnicima. To ukljucuje sva znakovna i numericka polja. Slijedi primjer:
INCORRECT: <body bgcolor=blue>
CORRECT: <body bgcolor="blue">
INCORRECT: <img width=100 height=50 src="pix.gif">
CORRECT:<img width="100" height="50" src="pix.gif">
• Minimized Attributes - XHTML ne podrzava minimiziranje atributa ili atribute bez vrijednosti, kao sto su NOSHADE, CHECKED i DISABLED. Umjesto toga moraju pisati i atribut i vrijednost. Slijedi primjer:
INCORRECT: <hr NOSHADE>
CORRECT: <hr noshade="noshade">
• Empty Elements - Prazni elementi koji su se prije pojavljivali sami za sebe bez zavrsnog taga kao sto su <img>, <br> i <hr> sada moraju imati i "/" koji oznacuje da je to ujedno i zavrsni tag. Slijedi primjer:
INCORRECT: <img src="pix.gif"> <hr>
CORRECT: <img src="pix.gif" /> <hr />
• Scripts and Styles - U skriptama se takodjer mogu naci tagovi i znakovi kao sto su <, >, & i drugi. Oni se od parsera mogu protumaciti kao poceci ili zavrsetci tagova pa moze doci do gresaka. Zato se radi endapsulacija takvih dijelova sa <![CDATA[ code here ]]> da bi se izbjegli znakovi: (>, <, <[[, ]]>, --, &).
• Fragment Identifiers - Prije se koristio atribut name kao oznaka toga dijela (sidro). U XHTML-u se on zamjenjuje sa id atributom. Ali zbog kompatibilnosti unazad trebalo bi ukljuciti oba atributa. Slijedi primjer:
INCORRECT: <a name="ptop">
CORRECT: <a name="ptop" id="ptop">
INCORRECT: <div name="greensmall">
CORRECT: <div id="greensmall">
To su najvaznije promjene i vidi se da to nisu nikakve velike promjene. Ali sada kada XHTML dokument ne zadovoljava ta pravila parser ce jviti gresku i stranica nece biti prikazana.
Najlaksi nacin kako cemo provjeriti ispravnost napisane stranice je staviti link na http://validator.w3.org/check/referer te ga pokrenuti. Nazad cemo dobiti odgovor o ispravnosti. Jos da spomenem i XHTML modularizaciju. To je dijeljenje tagova u pojedine skupine (text, tablice, slike, list, form itd.) pa kada se uredjaj prijavi i trazi neku stranicu on kaze koje module podrzava pa takvu stranicu i dobije.
U sljedecoj tablici nalaze se primjeri kako se povezuje XML i XSL, kako se stranice oblikuju pomocu CSS-a, kakve se greske pojavljuju kada struktura XML dokumenta ne zadovoljava i slicne stvari. Da bi ovi primjeri radili potreban je Internet Explorer 5.5 ili Netscape Navigator 6.0.
|
XML file koji sadrzi course informacije |
|
|
XML file sa greskama |
|
|
file koji pokazuje sto se dogodi kada XML file nije pronadjen. |
|
|
file koji pokazuje sto se dogodi kada je pronadjen XML koji nije ispravan. |
|
|
Jednostavan Javascript primjerkoji ucitava XML file i prikazuje prvi zapis (record) |
|
|
Izlazni primjer svih tocaka u XML file |
|
|
Primjer kako napraviti konverziju XML u HTML pomocu Javascripte |
|
|
Primjer funkcionalnosti IE da prikaze izlaz XML-a u obliku tablice. |
|
|
Primjer funkcionalnosti IE i Javascripte za prolaz korak po korak kroz katalog |
|
|
Primjer funkcionalnosti style sheeta za jednostavno formatiranje XML-a za izlaz |
Za XHTML:
Za XML:
Na ovo dugme mozete se vratiti na pocetnu stranicu. To je index.htm stranica.