Struktura XHTML dokumenta

Objavljeno: 01.03.2007. 12:50

U ovom tutorialu bit će objašnjeni osnovni XHTML elementi koji sačinjavaju osnovnu strukturu dokumenta. U svim sljedećim tutorialima koristit ćemo ovu osnovnu strukturu, koju prema potrebi možemo dodatno proširiti.

Svaki XHTML dokument bi trebao imati sljedeće elemente:

Doctype
Definira vrstu dokumenta. Postoji strict, transitional i frameset doctype, a više o njima možete saznati u nastavku tutoriala.
Početni i završni HTML tagovi
Ovaj tag govori internet pregledniku da se radi o HTML/XHTML dokumentu. Unutar ovog taga uspujemo <head> i <body> tagove.
Head i title tagovi
Može sadržavati dodatne informacije o dokumentu, stilske obrasce, skripte i sl. Između <title></title> tagova upisujemo naziv dokumenta.
Body tag
Unutar ovog taga nalazi se sav sadržaj koji će se prikazati u vašem internet pregledniku - tekst, slike, animacije itd.

Svaki XHTML dokument možemo podijeliti na dva dijela:

head (zaglavlje) i
body (tijelo)

Osnovna, minimalna struktura XHTML dokumenta:

<!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>
</body>
</html>

Doctype

Svaki XHTML dokument treba imate definiran DOCTYPE u prvom retku. To je jedini tag koji se piše velikim slovima, dok se svi ostali pišu malim slovima.

Postoje tri vrste DOCTYPE-a:

Strict
Uvaj DOCTYPE upotrijebit ćemo za izradu stranica koje u potpunosti koriste stilske obrasce (CSS) za prezentaciju sadržaja. Neki stariji internet preglednici (browseri) djelomično ili u potpunosti ne podržavaju stilske obrasce (CSS).
Transitional i
Za preglednike koji u potpunosti ne podržavaju CSS. Podržava neke tagove koji nisu dozvoljeni u strict doctype-u.
Frameset
Za stranice sa okvirima (frames) koristi se ovaj doctype.

Strict

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Transitional

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Frameset

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Početni i završni HTML tagovi

Ovi tagovi govore internet pregledniku (browseru) da se radi o (X)HTML, dokumentu. U prijašnjim verzijama HTML-a, mogli ste izostaviti ove tagove, međutim, preglednici bi u većini slučajeva ispravno prikazali stranicu.

XHTML zahtjeva početne i završne <html></html> tagove, kao i xml atribut unutar početnog taga:

<html xmlns="http://www.w3.org/1999/xhtml">

Unutar <html> </html> tagova pišemo preostale - <head> i <body> tagove.

Head tag

Head (zaglavlje) služi nam za opisivanje XHTML dokumenta, i sve što unutra napišemo (izuzev title taga) neće se prikazati u vašem internet pregledniku.

Unutar head taga možemo upotrijebiti sljedeće tagove:

title (obavezan)
Definira naslov stranice. Ttitle tag je također veoma važan za SEO (Search Engine Optimisation) - odnosno za što bolju poziciju vašeg site-a na pretraživačima.

<head>
 <title>Ovo je naslov</title>
</head>

meta
Opisuje dokument, a upotrebljavamo ga za definiranje
kodne stranice, ključne riječi, opis stranice i sl.
style
Omogućuje nam korištenje CSS-a za oblikovanje izgleda stranice.
CSS kod pišemo unutar (svake) stranice.
script
Omogućuje korištenje skiptnog jezika - JavaScript npr.
base
Definira tzv. osnovnu stranicu - za relativne linkove.
link
Koristi se za povezivanje XHTML dokumenta sa vanjskim
dokumentima - CSS datoteka npr.

Body tag

Unutar body pišemo sadržaj koji želimo prikazati u internet pregledniku (browseru).

<html>
<head>
</head>
 <body>
   ovdje dolazi sadržaj web stranice
 </body>
</html>

Fat fuck on 17.01.2008. 11:13

stvarno sam fat....
zovem se đuro
i tvoj guide sucks
nemas pojma
ajde doma

Jebo ga ti on 17.01.2008. 11:09

sranje

Tomislav on 03.10.2007. 22:11

Ma bravo! Kak si to lijepo napisal! Svaka čast!!!

Webcoderz