html razlika u div i tabelama ako moze neko da objasni

[dm@ricn]

ljudi imao bih pitanje ako bi neko mogao da pomogne posto me stvarno zbunjuju, sto vise citam po forumima sve mi je vise nejasno

kada pravim web stranu koristim tabele i u njih stavljam sadrzaj ovaj metod nije preporucljiv tacnije malo je zastareo i desavaju se problemi zar ne
sa div-ovima odredjuje deo stranice kao samostalnu celinu i nju pozicioniramo i ``sminkamo`` uz pomoc css-a, u nju takodje mozemo da stavljamo slike i sl


da li je to tako i da li se tako izradjuju web strane molio bih ako ima neko vremena da malo pojasni

[RaideR]

U pravu su ti sto ti kazu da su tabele zastarelele i da koristis css..
Kada radis sa divovima, u html kod ide samo struktura stranice (tj. divova), a osobine tih divova mozes definisati u css kodu u zasebnom fajlu. Znachi duzhina, shirina diva, pozadinske slike, pozicija, boje, fontovi... Sve se mozhe definisati u jednom jedinom css fajlu, tako da menjanje svih stranica odradis vrlo lako, uz par promena na tom fajlu.

Pre, uz tabele, ako si hteo npr. deo sa navigacijom da pomeris malo u desno, morao si da otvaras svaku stranu i smarash se nepotrebno dugo sa tim, dok uz css samo promenis vrednost u fajlu i sve je gotovo.

To ti je samo jedan banalan primer, ali ukratko - css ima hiljadu prednosti nad tabelama. A i osecaces se lepse jer ces znati da si sajt napravio po standardima Dakle, naoshtri se da uchish html i css
Nadam se da sam ti pomogao.

[holodoc]

RaideR kaže:

To ti je samo jedan banalan primer, ali ukratko - css ima hiljadu prednosti nad tabelama.

Mešamo malo babe i žabe zar ne Ne želim da ulazim u raspravu ali moram da ispravim jednu veliku grešku na ovom mestu. Naime, CSS je web tehnologija sama za sebe dok su tabele samo deo jedne od njih odnosno deo (X)HTML-a. Dakle, potpuno je neosnovano porediti ove dve stvari i reći da CSS ima prednosti nad delom (X)HTML-a, tj. tabelama. Ispravnije bi bilo reći da je korišćenje CSS-a u kombinaciji sa (X)HTML-om dobitna kombinacija umesto standardnog tzv. “hard-kodovanog” HTML izgleda gde se za svaki element (pa i za tabele) unose atributi (boja pozadine, širina, visina itd.)

Što se tiče bitke između div-ova i tabela takođe je potpuno neosnovana tvrdnja da su tabele zastarele i da se više ne koriste u savremenom dizajnu. Baš naprotiv, tabele su najčešće sastavni deo div-ova i ostalih kontejnera Dakle, tačno je da su neki web developeri polako odustali od ideje da tabele koriste isključivo kao osnovu za izradu osnovnog izgleda stranice (tzv. “layout”) ali je isto tako tačno da postoje situacije kada je ovakav način izrade mnogo prikladniji od upotrebe div-ova. To znači da div-ovi NE MOGU da budu zamena za tabele niti bilo koji drugi element stranice. Div-ovi, span-ovi i slični elementi su SAMO kontejneri ili drugačije rečeno zasebne celine koje sadrže druge elemente koji pružaju malo veći stepen kontrole.

Generalno gledano sve što je iz W3C-a (“World Wide Web Konzorcijum”, organizacija zadužena za standardizaciju web standarda) izašlo u poslednjih nekoliko godina služi da se pojednostavi rad na velikim projektima. CSS u kombinaciji sa HTML-om i ostalim client-server web tehnologijama pruža upravo to. Pravu snagu CSS nudi u kombinaciji sa JavaScript-om i već pomenutim div kontejnerima koji opet napominjem u 99% slučajeva sadrže tabele za formatiranje izgleda stranice.

CSS i div-ovi sa jedne strane i HTML i tabele sa druge strane takođe imaju neke od prednosti koje omogućavaju fantastičnu optimizaciju sajta prilikom izrade. Primera radi, pravilno korišćenje tabela može da obezbedi i do 95% optimizacije “težine” sajta što se tiče količine podataka koju je potrebno preneti za slike. U kombinaciji sa osobinom CSS-a da može da se definiše u eksternom fajlu koji koriste ostali fajlovi obezbeđuje se da ne mora za svaki element da se u fajlu definiše kako će da izgleda posebno.

Dakle, zaključak bi otprilike bio da samo dobra kombinacija dobrih i loših osobina i jedne i druge tehnike može da se napravi jedan dobar i prilagodljiv sajt što znači Div+tabele=OK

[dm@ricn]

hvala puno na ovako iscrpnom i detaljnom odgovoru

sta su to span-ovi?

i sta su layeri da li je to div ili ima razlike?

kako vidim treba praviti kompromis kao i za sve u zivotu

jos jednom veliko hvala i pozdrav

[holodoc]

"Span-ovi" su ništa drugo do samo još jedan vid kontejnera kao što su to div-ovi. Generalno bi trebalo malo više vremena objasniti u čemu je razlika između njih ali dovoljno je reći da su div-ovi mnogo povoljniji za razvoj dinamičnijih sajtova jer poseduju mnogo više opcija od "span-ova".

Layeri su div-ovi definisani na specijalan način pošto je div-ove moguće generalno podeliti u tri grupe u zavisnosti od toga za šta su sposobni. Grupa kojoj pripadaju layeri se naziva "pseudo-klasni selektori" ali ovaj naziv nećeš skoro nigde naći jer se koristi naziv "layeri". Pored toga layeri su div kontejneri koji imaju osobinu da im je moguće pomerati poziciju unutar fajla potpuno nezavisno od ostalih HTML elemenata. Dakle, ako bi se "običan" div stavio da bude sastavni deo ćelije neke tabele (nalazi se između tagova "<td>" i "</td>") onda će bilo kakva promena visine i širine tog diva uticati na promenu karakteristika ćelije tabele odnosno okolina se prilagođava tom kontejneru. U slučaju layera isti se može postaviti bilo gde u okviru stranice podešavanjem "position" atributa u CSS klasi koja definiše osobine tog layera. Layeri zbog toga znaju da budu ponekad veoma korisni ali obzirom da često postoje problemi sa apsolutnim pozicioniranjem u različitim browserima iskusni web dizajneri izbegavaju njihovo korišćenje.

Što se tiče kompromisa on je uvek važan pa je takav slučaj i ovde. Ako budeš imao nameru da se baviš dalje web dizajnom shvatićeš kakvim "prljavim" trikovima moraš da se služiš da bi stvar radila kako treba Jedan od tih trikova je recimo da naučiš HTML bolje od "Dreamweavera"

[dm@ricn]

eeheeh samo jos jednom puno hvala na ovako dobrim odgovorima

sada samo da ostaje da se sedne i uci ja sam vec krenuo

[RaideR]

holodoc kaže:

Mešamo malo babe i žabe zar ne Ne želim da ulazim u raspravu ali moram da ispravim jednu veliku grešku na ovom mestu. Naime, CSS je web tehnologija sama za sebe dok su tabele samo deo jedne od njih odnosno deo (X)HTML-a. Dakle, potpuno je neosnovano porediti ove dve stvari i reći da CSS ima prednosti nad delom (X)HTML-a, tj. tabelama. Ispravnije bi bilo reći da je korišćenje CSS-a u kombinaciji sa (X)HTML-om dobitna kombinacija umesto standardnog tzv. “hard-kodovanog” HTML izgleda gde se za svaki element (pa i za tabele) unose atributi (boja pozadine, širina, visina itd.)

Što se tiče bitke između div-ova i tabela takođe je potpuno neosnovana tvrdnja da su tabele zastarele i da se više ne koriste u savremenom dizajnu. Baš naprotiv, tabele su najčešće sastavni deo div-ova i ostalih kontejnera

mislim da je decko pitao na to sta da koristi za layout. In fact, jedino polje na kojima se "vodi bitka" izmedju css-a i tabela je upravo to - layout. Ono sto jeste greska je koriscenje tabela za to - sklop stranice.. Prvenstveno, ono sto im treba biti namena su tabelarni prikazi podataka - a ne sam sklop strane. I zato i jeste enormna greska danas koristi tabele u te svrhe, za to nema izgovora, sem neznanja Zato decko, knjigu (tastaturu) u shake, i jurish na css! A tabele koristi za ono za sta bi ih koristio i na papiru I nemoj da odustajesh, you'll get the hang of it sooner or later!

[holodoc]

RaideR kaže:

Prvenstveno, ono sto im treba biti namena su tabelarni prikazi podataka - a ne sam sklop strane. I zato i jeste enormna greska danas koristi tabele u te svrhe, za to nema izgovora, sem neznanja

Ne preteruj

[Mr.Eco]

Uh ne volim dizati temu iz naftalina, ali počeo sam da učim html tako da imam pitanje, za sada mi ide lepo jer je sve logično, ali bi voleo da mi neko objasni div njegovu funkciju... e sada neko bi reko da tražim na google ali bi voleo čuti od nekog sa foruma onako uprošteno, i da video sam u html5 pojavili su se header, footer, aside tagovi da li oni menjaju div ili je to nešto drugo ?