{"id":197,"date":"2019-11-19T22:32:53","date_gmt":"2019-11-19T20:32:53","guid":{"rendered":"http:\/\/skolarbbos.net\/?p=197"},"modified":"2019-12-09T09:42:25","modified_gmt":"2019-12-09T07:42:25","slug":"osnovna-struktura-html-dokumenta","status":"publish","type":"post","link":"https:\/\/skolarbbos.net\/?p=197","title":{"rendered":"Osnovna struktura HTML dokumenta"},"content":{"rendered":"

Osnovna struktura HTML dokumenata je univerzalna, striktno definisana i ista je za sve veb strane, bez obzira na to da li se na ekranu pojavljuju u jednostavnom ili slo\u017eenom obliku. Neki osnovni elementi zajedni\u010dki za sve HTML dokumente kreiraju tu strukturu. U osnovne elemente spadaju definicija tipa dokumenta (DTD – Document Type Definition), glavni element (zaglavlje) i telo elementa. Sve ove elemente stavili smo u na\u0161 HTML \u0161ablon u prethodnom zadatku.<\/p>\n

Osnovna struktura dokumenta nema nikakve veze sa stranom sadr\u017eaja. Sadr\u017eaj je ono \u0161to vidimo na strani, ali to nije ni u kakvoj vezi sa osnovnom strukturom HTML dokumenta. Kompozicija HTML dokumenta je delimi\u010dno vidljiva i nevidljiva onima koji pregledaju veb stranu.<\/p>\n

Svi HTML dokumenti sastoje se iz dva primarna odeljka: zaglavlja strane (gornje \u017eive kolone) i tela. Sav sadr\u017eaj sa strane, odnosno sve ono \u0161to vidite i na \u0161ta delujete nalazi se u telu.<\/p>\n

HTML oznake i elementi su termini koji imaju razli\u010dita zna\u010denja, ali se izme\u0111u njih u svakodnevnoj praksi ne pravi razlika. Ve\u0107ina veb dizajnera i programera vi\u0161e ne pravi razliku izme\u0111u oznaka i elemenata.<\/p>\n

Odeljak sa zaglavljem strane sadr\u017ei podatke koji nisu vidljivi. To je sadr\u017eaj koji korisnici ili oni koji pregledaju stranu u stvari ne vide.<\/p>\n

Prva linija svakog HTML dokumenta, bez obzira na to \u0161ta je jo\u0161 uklju\u010deno u dokument, mora biti definicija tipa dokumenta (Document Type Declaration), odnosno DOCTYPE Declaration ili DTD. U ranijim verzijama HTML-a, mnogi slojevi pode\u0161avanja i doterivanja HTML standarda zna\u010dili su i slo\u017eeniji i te\u017ei DTD. Me\u0111utim, u HTML5 DTD je neverovatno jednostavan. Mora biti u\u010ditan na slede\u0107i na\u010din:<\/p>\n

<! DOCTYPE html><\/strong><\/p>\n

Ovaj DTD \u0107e raditi i u ranijim verzijama HTML-a sa kojima \u0107ete se tako\u0111e susretati na veb stranama. DTD saop\u0161tava pretra\u017eiva\u010du da o\u010dekuje HTML dokument, a ne neki drugi markerski jezik ili drugi tip dokumenta. Zbog ove funkcije DTD-a, pre DTD-a ne sme da postoji prazan prostor odnosno prazne linije. Ovo je jako bitno, jer ukoliko pretra\u017eivao prepozna prazne linije ispred DTD-a, on \u0107e se pona\u0161ati kao da DTD-a nema i rezultati mogu biti nepredvidljivi.<\/p>\n

Nakon DTD-a sledi HTML element. Uz HTML element stoje po\u010detna i krajnja oznaka, tako da to izgleda:<\/p>\n

<html><\/html><\/strong><\/p>\n

Svi ostali elementi HTML datoteke sadr\u017eani su u ovom elementu, koji saop\u0161tava pretra\u017eiva\u010du da je ovo HTML dokument. <\/em><\/p>\n

<head><\/head><\/strong><\/p>\n

U glavnom odeljku nalaze se informacije o samom dokumentu, kao \u0161to su naslov (koji \u0107e se prikazati na naslovnoj traci pri vrhu pretra\u017eiva\u010da), bilo koji metapodatak i bilo koji stil ili skript koji se koriste u dokumentu. <\/em><\/p>\n

<<\/strong>body><\/body><\/strong><\/p>\n

Slede\u0107i u liniji je odeljak sa telom. Ovo je vidljivi i interaktivan sadr\u017eaj dokumenta. Sve \u0161to mo\u017eete da vidite na veb strani nalazi se u ovom delu dokumenta. Sav sadr\u017eaj i formatiranje sadr\u017eaja nalazi se u telu dokumenta.<\/em><\/p>\n

Pomenuli smo tagove kao osnovnu gradivnu jedinicu HTML dokumenata (stranica) i videli strukturu jednog jednostavnog dokumenta.<\/p>\n

Elementi se sastoje od tri dela<\/strong>:<\/p>\n