Uvod u XHTML
Objavljeno: 17.02.2007. 23:27
Što je to XHTML
Extensible HyperText Markup Language – ili kraće XHTML, je jezik za obilježavanje, odnosno strukturiranje sadržaja, i koristi se za izradu web stranica. Pomoću XHTML-a, tekstu dodajemo određena obilježja koja govore internet pregledniku (browseru) kako da taj tekst prikaže. XHTML je svojevrstan nasljednik HTML-a, i možemo reći da koristi njegov rječnik, dok je sintaksu posudio od XML-a.
Uvođenjem XHTML-a, radi se na odvajanju prezentacije od sadržaja, dok je HTML često bio korišten za prikazivanje samog sadržaja, ali i za prezantaciju. XHTML stavlja veći naglasak na standarde i ispravno oblikovane dokumente, koji će se moći ispravno prikazivati na stolnim, prijenosnim i ručnim računalima, mobitelima...
Neke od prednosti XHTML-a:
- brže učitavanje stranica
- manji troškovi prometa (bandwidth)
- pristup sadržaju sa mobilnih telefona, dlanovnika i sl.
- preduvjet za kvalitetno i atraktivno sučelje
Najjednostavniji XHTML dokument možete vidjeti u sljedećem primjeru.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Naslov stranice</title>
</head>
<body>
<p>Ovo je paragraf</p>
</body>
</html>
Tagovi
XHTML se sastoji od tzv.
tagova, pomoću kojih oblikujemo sadržaj, odnosno strukturu web stranica.
Tagove pišemo unutar zagrada <>, uobičajeno je da dolaze u paru, međutim, iznimke postoje.
- Tagovi se pišu unutar zagrada
- Obično dolaze u paru, primjerice <em> </em>
- Postoje tzv. početni tag <em> i završni tag </em>
- Tagove koji ne dolaze u paru potrebno je zatvoriti <br />
- Tagove je potrebno pisati malim slovima1
Evo i nekoliko primjera:
Tekst koji se nalazi između <em> i </em> tagova bit će
nakošen.
Tekst između <strong></strong> tagova bit će
podebljan.
Tag <br /> prelomit će tekst u sljedeći redak.
Atributi
Većina tagova ima svoje atribute koji ih pobliže opisuju. Neki tagovi, poput <img> taga koji je zadužen za prikazivanje slika, mogu imati i više atributa. Za pojedine tagove, postoje unaprijed definirani atributi.
<img src="slika.jpg" alt="opis slike" />
U XHTML-u <img> tag mora sadržavati sljedeće atribute:
- src - putanja do slike koja se želi prikazati
- alt - kratki opis slike
U XHTML-u, atributi se moraju pisati unutar navodnika, dok su se u HTML-u mogli katkad i izostaviti.
Komentiraj