MyCity » Web dizajn / HTML » Zašto uvek <div> a ne <table>

Zašto uvek <div> a ne <table>

Napisano na dan: 30.11.2010

Zašto uvek <div> a ne <table>
Sledeća strana Pagination

Idi na vrh

Poslao: 30 Nov 2010 12:21
Idi na vrh
offline
  • Pridružio: 10 Avg 2006
  • Poruke: 1009
  • Gde živiš: Beograd

Zanima me da li postoji neki poseban razlog zbog koga 99% sajtova svoj izgled zasniva na <div> tagovima a ne na tabelama.

Meni je uvek bilo mnogo lakše bilo da sve poređam i sredim po tabeli i sakrijem joj ivice. Da li je to loša praksa iz nekog razloga ?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 01 Dec 2010 08:14
Idi na vrh
offline
  • Pridružio: 25 Jan 2005
  • Poruke: 525
  • Gde živiš: beograd

Semantika tabela je takva da one jednostavno sluze za tabelarni prikaz podataka a ne za layout sajta.

Drugi problem je sto se html kod "zagadjuje" nepotrebnim tagovima <table>, <tr> i <td> i time povecava velicina .html-a u kilobajtima i samim tim vreme ucitavanja sajta u browser-u.

Po mom iskustvu (a video sam dosta sajtova u tabelama) ljudi cesto grese sto u napravljene celije krenu samo da unose tekst u Design view-u u dream-u a zaboravljaju da unose veoma bitne tagove sa stanovista SEO "on site" uredjenja koda (<p>, <h1...h4>...)
Verovatno ti je lakse jer radis u nekom WYSIWYG editoru (dream verovatno i to neki pre cs2, cs3) ali nije sustina sta je nama lakse nego sta je ispravno.

Uskoro se ocekuje nova regulativa u vidu HTML5 preporuka koje donose nove tagove sa semantickim znacenjem <aside><nav><article>.... sto tek donosi boljitak za dizajnere

Iskreno govoreci ni div tag nema semantiku, odnosno crawler nema pojma sta je to u divu sa gledista sadrzaja ali je html kod cistiji, smanjuje se load time i lakse se radi stilizacija css-om



Poslao: 01 Dec 2010 22:26
Idi na vrh
offline
  • Pridružio: 10 Avg 2006
  • Poruke: 1009
  • Gde živiš: Beograd

Istina da "zagađuje" mada ta veličina html fajla i nema toliko veze s obzirom na današnje brzine neta.

Ne radim u WYSIWYG-u nijednom, radim u GEdit-u, ali mi se čini da je mnogo lakše podešavati align u tabeli, jer centriranje u div-u i generalno formatiranje svega u njemu mi neuporedivo teže ide.

Poslao: 02 Dec 2010 00:43
Idi na vrh
offline
  • SSpin 
  • Saradnik foruma
  • Pridružio: 09 Dec 2004
  • Poruke: 6488
  • Gde živiš: Nis -> ***Durlan City***

Kada koristiš tablerani prikaz koristi table tagove, divovi su zajebani. U svim ostalim prilikama div rulz

Poslao: 03 Dec 2010 02:33
Idi na vrh
offline
  • Pridružio: 06 Sep 2008
  • Poruke: 150
  • Gde živiš: Obrenovac

Kratko i jasno: pravljenje layout-a web sajta pomocu tabele je zastarelo, a zastarelo je jer su div tagovi u kombinaciji sa CSS-om daleko, daleko mocniji.
Ajde tabelom napravi ovo:


A sa CSS-om i div tagovima to je prosta stvar. Evo ti kod za to:

<html> <head> <title>Naslov</title> <style type="text/css"> body { background:#000000; color:#ffffff } #mainblock { position:relative; left:100px; top:20px; width:500px; height:200px; background:#ff0000; color:#ffffff } #yellowblock {    position:absolute;    left:-22px;    top:69px;    width:250px;    height:100px;    background:#ffff00;    color:#000000 } #greenblock {    position:absolute;    left:155px;    top:85px;    width:120px;    height:70px;    background:#00c000;    color:#000000 } </style> </head> <body> <div id="mainblock"> Ovo je crveno. <div id="yellowblock"> Ovo je zuto   <div id="greenblock"> Ovo je zeleno i moze tako do besvesti</div> </div> </div> </html>
Ovo je jedan vrlo prost primer, ali tabele u odnosu na div tagove imaju mnoga ogranicenja.
Bilo bi preopsirno nabrajati sve prednosti rada sa div tagovima u odnosu na tabelu, ali kao sto ti Pantelija rece"nije sustina sta je nama lakse nego sta je ispravno", a ja tu dodajem i sta je daleko mocnije i efikasnije.

Pozzzzz

Poslao: 03 Dec 2010 14:13
Idi na vrh
offline
  • Pridružio: 10 Avg 2006
  • Poruke: 1009
  • Gde živiš: Beograd

Da,očigledno samo ja treba više da se naviknem sa rad sa div-ovima

Poslao: 07 Dec 2010 17:26
Idi na vrh
offline
  • wob 
  • Novi MyCity građanin
  • Pridružio: 22 Nov 2010
  • Poruke: 7



Mrzelo me vise da se igram, naravno u tabelama[/img]

Poslao: 08 Dec 2010 01:48
Idi na vrh
offline
  • Pridružio: 06 Sep 2008
  • Poruke: 150
  • Gde živiš: Obrenovac

Ovde se radi o nesumnjivoj prednosti div tagova u kombinaciji sa CSS-om u odnosu na tabele. Da bih ti to pokazao, a da ne moras vise da se igras zamisli sledece:

- zamisli da je potrebno iz nekog razloga zeleni blok pomeriti za 20px u desno. Za tabelu bi to znacilo, malte ne, pravljenje od pocetka. Za div i CSS to je samo promena jednog broja, sto bi trajalo najvise 2 sekunde.

- zamisli da je umesto crvenog bloka slika. Iz koliko delova bi je ti morao uklapati u tabelu? Sa div-om i CSS-om ubacio bi celu sliku. A zamisli da pravis sajt sa CMS-om gde treba korisniku da napravis admin panel u kojem ce on sam moci da menja tu sliku (umesto crvenog bloka).... Za tabelu, to je nemoguca misija.

- vrlo cest slucaj u web dizajnu je da se neki delovi stranice ponavljaju na svim stranicama, kao na primer header i footer. A recimo, radi se o sajtu sa 1000 stranica i ti pozelis da promenis boju fonta u footeru. Sada imas izbor: da to redom menjas od prve do hiljadite stranice ili da header, footer i glavni deo stranice odvojis u posebne fajlove, pa da promenis samo u footeru boju teksta. Ali ako si layout radio sa tabelom ti ces deo jedne tabele imati u jednom fajlu, deo u drugom, a deo u trecem... S obzirom da bi sigurno koristio puno tabela u tabeli, ne bih ti bio u kozi da se tu snadjes... Sa div-om i CSS-om taj posao za svih 1000 stranica je opet samo par sekundi.

Treba li jos? Mislim da je i ovoliko sasvim dovoljno.

Pozzz....

Poslao: 08 Dec 2010 14:03
Idi na vrh
offline
  • wob 
  • Novi MyCity građanin
  • Pridružio: 22 Nov 2010
  • Poruke: 7

Ama razumem ja tebe 100%. Nego mi je bio preveliki izazov da ti dokazem da moze ovo gore sto si trazio da se uradi i sa tabelama :-)
Ti si rekao: "Ajde tabelom napravi ovo", i meni je to bio izazov da ti dokazem da moze :-)
U svakom slucaju DIV i CSS su u velikoj prednosti. I sam imam problma sa svojim sajtom jer je radjen u tabelama i kao sto ti rece kad treba nesto u Headeru i footeru da se ispravlja, udri od prve do zadnje stranice pa ispravljaj :-)
Veliki pozdrav,

P.S. Ajde malo ako te ne mrzi, procitaj temu "Molba za pomoc" sto sam postavio pre nekoliko dana, a niko se nije udostojio da napise ni rec. Ako mozes sta da pomognes bio bih veoma zahvalan.

MyCity » Web dizajn / HTML » Zašto uvek <div> a ne <table>

Ko je trenutno na forumu
 

Ukupno su 1381 korisnika na forumu :: 60 registrovanih, 7 sakrivenih i 1314 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 357magnum, Aleksandar Tomić, amstel, babaroga, bladesu, Boris Bosiljčić, Boris90, botta, brundo65, ccoogg123, Denaya, Dorcolac, draganca, dragoljub11987, dule10savic, Faki-Valjevo, GandorCC, goxin, hologram, ikan, ivicasimo, JimmyNapoli, Joco Skljoco, JOntra, jukeboxer, kalens021, kokodakalo, Kubovac, kunktator, kybonacci, Luka Blažević, mercedesamg, Mercury, mile23, MiroslavD, mrvica78, nikoladim, oganj123, opt1, Panter, Parker, Romibrat, rovac, ruma, ruso, Shinobi, Sirius, Sićko, slonic_tonic, solic, SR-3m, Srle993, t84dar, vathra, VJ, Vladko, vukovi, wizzardone, Wrangler, Zimbabwe